Size: a a a

React — русскоговорящее сообщество

2021 February 18

И

Иванов Максим... in React — русскоговорящее сообщество
Подскажите плиз как лучше создать кнопку с иконкой? Пока идея такая создаю компонент IconButton, который рендерит <button><img/></button> . В пропсы буду передавать нужный мне svg(будет в хранится в директории проекта). А как вы решаете данную задачу?
источник

AU

Akihiro Ukihara in React — русскоговорящее сообщество
Доброго дня
Как вы делаете редирект со страницы аутентификации, если пользователь залогинен?
источник

0

0xLDev | Web Develop... in React — русскоговорящее сообщество
Akihiro Ukihara
Доброго дня
Как вы делаете редирект со страницы аутентификации, если пользователь залогинен?
Проверку через реакт роутер
источник

AU

Akihiro Ukihara in React — русскоговорящее сообщество
У меня сейчас вот так {isLogged && <Redirect from={Paths.signin} to={Paths.home} />}, но нужно сделать что то типа ProtectedRoute, не могу допереть как сделать нормально)
источник

И

Иванов Максим... in React — русскоговорящее сообщество
Akihiro Ukihara
У меня сейчас вот так {isLogged && <Redirect from={Paths.signin} to={Paths.home} />}, но нужно сделать что то типа ProtectedRoute, не могу допереть как сделать нормально)
источник

А

Антон in React — русскоговорящее сообщество
Akihiro Ukihara
У меня сейчас вот так {isLogged && <Redirect from={Paths.signin} to={Paths.home} />}, но нужно сделать что то типа ProtectedRoute, не могу допереть как сделать нормально)
Если ты хочешь компонент, то делаешь такой компонент, в нем логика проверка, если все ок то рендеришь компонент который в пропсах, иначе редирект на страницу авторизации
источник

AU

Akihiro Ukihara in React — русскоговорящее сообщество
Хорошо, всем спасибо)
источник

А

Антон in React — русскоговорящее сообщество
Akihiro Ukihara
Хорошо, всем спасибо)
import { Route, Redirect } from "react-router-dom";

const ProtectedRoute = ({ component: Component, auth, ...rest }) => (
   <Route {...rest} render={(props) => (
       auth
           ? <Component {...props} />
           : <Redirect to='/login' />
   )} />
)
ну как то так по идее
источник

AC

All Cats in React — русскоговорящее сообщество
Всем привет
Как сделать чтобы чтобы в input вызывалось событие после нажатия клавиши enter?
Лучше обернуть его в форму и ловить onSubmit?
источник

О

Олег in React — русскоговорящее сообщество
All Cats
Всем привет
Как сделать чтобы чтобы в input вызывалось событие после нажатия клавиши enter?
Лучше обернуть его в форму и ловить onSubmit?
onKeyPress
источник

А

Антон in React — русскоговорящее сообщество
All Cats
Всем привет
Как сделать чтобы чтобы в input вызывалось событие после нажатия клавиши enter?
Лучше обернуть его в форму и ловить onSubmit?
я бы в форму обернул
источник

K

Kirill in React — русскоговорящее сообщество
Ребят, подскажите как дополнить массив данными. С бека прилетает массив graphData, в  нем должно быть 24 елемента,  но иногда прилетает меньше. Задача создать массив, у которого будут объекты вида [{hour: 1 (12 часовой формат), sales: с graphData если есть, если нет - 0}, {hour:2, sales:...}]. Вот текущий код  
const arr = new Array(24);
 graphData &&
   graphData.map((data) => {
     arr.push({
       name: data.name > 12 ? data.name - 12 : data.name,
       sales: data.sales || 0,
     });
   });
источник

А

Антон in React — русскоговорящее сообщество
Kirill
Ребят, подскажите как дополнить массив данными. С бека прилетает массив graphData, в  нем должно быть 24 елемента,  но иногда прилетает меньше. Задача создать массив, у которого будут объекты вида [{hour: 1 (12 часовой формат), sales: с graphData если есть, если нет - 0}, {hour:2, sales:...}]. Вот текущий код  
const arr = new Array(24);
 graphData &&
   graphData.map((data) => {
     arr.push({
       name: data.name > 12 ? data.name - 12 : data.name,
       sales: data.sales || 0,
     });
   });
источник

Д

Дмитрий in React — русскоговорящее сообщество
всем привет. Такой вопрос - у меня на несколько кнопок повешено событие онклик. как узнать по какой кнопке произошел клик? то есть аналог джаваскриптового event.target, но в реакте. не найду в инете ничего вразумительного.
источник

ИЗ

Игорь Завирюха... in React — русскоговорящее сообщество
Дмитрий
всем привет. Такой вопрос - у меня на несколько кнопок повешено событие онклик. как узнать по какой кнопке произошел клик? то есть аналог джаваскриптового event.target, но в реакте. не найду в инете ничего вразумительного.
Передавай идентификатор какой-то
источник

ИЗ

Игорь Завирюха... in React — русскоговорящее сообщество
Через ивент в хендлер и там уже проверяй
источник

Д

Дмитрий in React — русскоговорящее сообщество
а через что его выводить? currentTarget, target. this?
источник

А

Антон in React — русскоговорящее сообщество
Дмитрий
а через что его выводить? currentTarget, target. this?
onClick={() => handleClick(id)}
источник

Д

Дмитрий in React — русскоговорящее сообщество
понял. Антон, Игорь - спасибо
источник

YE

Yuriy Empty in React — русскоговорящее сообщество
Народ, а события вроди onClick не нужно же никак очищать при unmount?
источник