то, что тебе надо КАЖДЫЙ роут обернуть в приватный роут, а не разрулить это еще на уровне / корня
Так разрули, это же не к РР вопрос жи
Danila
Eugene
Хз, я обворачивал, когда юзал, особенно когда 4 роли юзера и у каждого свои роуты :)
Eugene
Ну напрягает да.
Denis
я уже все роутеры испробовал, которые есть в реакте, все они говно.
выбираю меньшее говно из говна
Тимофей 🛴
то, что тебе надо КАЖДЫЙ роут обернуть в приватный роут, а не разрулить это еще на уровне / корня
Как будто ты там прям руками берешь и пол часа оборачиваешь, просто импортишь обернутый роут вместо обычного и все
Eugene
Напрягает прям как 30 секундный таймаут в чате 🤔
🦜
Так разрули, это же не к РР вопрос жи
я бы разрулил, если бы не релоадилось при history.pushState полностью страница
Eugene
А почему не просто push🤔
Denis
Хз, я обворачивал, когда юзал, особенно когда 4 роли юзера и у каждого свои роуты :)
кстати, это отчасти ответ - почему из коробки роутер не умеет. у разных проектов разное понятие проврки на защищенный роут и поведение может разное быть. поэтому предполагаетсья кастомный компонент
arthur
я бы разрулил, если бы не релоадилось при history.pushState полностью страница
юзай window.history
🦜
Сделал вывод, это не мы говно код пишем, а экосистема порождает такой код и подходы
🦜
🦜
это работает, типо
Victor
NG
Нужна хелпа, в сайдбаре анимация открытия, хочу повесить event listener на него в соседнем прапра... дочернем элементе, каким образом это будет лучше сделать?
🦜
Denis
Нужна хелпа, в сайдбаре анимация открытия, хочу повесить event listener на него в соседнем прапра... дочернем элементе, каким образом это будет лучше сделать?
через глобальный стейт. ридакс, мобx или че там юзаеться у вас ?
в компоненте слушателе отслеживаетй изменения стейта. тут все зависит от архитектуры
——
меню при окончании анмации устанавлвиает флаг sideMenuOpened = true в стейте
а компонент котоырй слушает првоеряет в componentDidUpdate если в новых пропсах sideMenuOpened теперь true а был false, то делаем то что нужно, ну это если типа декларативно делать
Madiyar
динамические импорты кэшируются import(...)?
Madiyar
два раза один и тот же модуль не будет фетчить?
🦜
так это же ужасно так писать каждый роут. именно для того иделают обертку
В моем случае нет. Ничего ужасного не вижу
Denis
В моем случае нет. Ничего ужасного не вижу
<CustomRoute to="/adminpanel, redirectTo="/login" condition={isAuth} />
так не проще ? а под капотом то что у вас с тернаркой
arthur
я бы разрулил, если бы не релоадилось при history.pushState полностью страница
с чего это она релоадится?
Max
Всем привет, нужен совет, мне нужно конвертировать javaScript'ом svg в картинку и отправить ее на сервер, как я могу это реализовать?
Denis
<CustomRoute to="/adminpanel, redirectTo="/login" condition={isAuth} />
так не проще ? а под капотом то что у вас с тернаркой
без обертки, проще только если это 1 раз в 1 месте нужно. а если таких конструкций 20 ? 20 тернарок писать ?
Maxim
Ребят, а может кто-то показать хороший пример формы на реакте? То что получается с final-form или formik мне совсем не нравится. Все эти стремные FAAC и прочий ад.. Хочется чего-то более минималистичного, чтобы было читабельно.
Anonymous
🦜
<CustomRoute to="/adminpanel, redirectTo="/login" condition={isAuth} />
так не проще ? а под капотом то что у вас с тернаркой
Я уже сделал что нужно, для ожидаемого поведения. Не вижу сейчас городить компонент, который будет использоваться в одном месте. Когда возникнет потребность, то может
arthur
🦜
Anonymous
Просто на гитхабе в поиске введите 'react useForm'
Looch
а как он себя ведет в ноде? тоже фетчит или читает из fs?
нет, просто скачивает чанк на клиент,а если он уже есть то не скачивает
Maxim
Можете использовать хуки.
Хуки не решают проблему связи поля с формой. Вот, например, у sentry есть своя обертка, использующая контекст. https://github.com/getsentry/sentry/blob/master/src/sentry/static/sentry/app/components/createTeam/createTeamForm.jsx Может есть смысл такую штуку себе на проект запилить (у меня форм много).
Looch
а в ноде,не уверен как,в ноде же нет импортов вроде
Георгий
Всем привет! Подскажите новичку статьи и в какую сторону капать. Необходимо разработать механизм авторизации пользователей в зависимости от роли admin, manager, user. Те в зависимости от роли необходимо перенаправлять на adminDashbord managerDashbord and userDashbord. На бэке написал авторизацию на express and jwt.
Андрей
И в чём задача?
+ это не реакт.
Sergey
Чат по реакту
Ilia
Ошибся,сори
Андрей
в отписке - в return? почему?
Потому что у тебя будут там исключительно начальные значения стейта.
Напиши код и проверь.
artalar
в 8ой ноде импорты тоже есть тогда
artalar
Вроде как из под флага импорты вышли.
В (пред)последней девшахте Мелихов говорит что нет и еще много не решенных проблем.
Сергей
Подскажите пожалуйста как из шаблонной строки достать и отрисовать разметку ??
Андрей
Подскажите пожалуйста как из шаблонной строки достать и отрисовать разметку ??
Никак. Тащить с собой jsx транспайлер.
Anonymous
Привет
Я занимаюсь разработкой приложения для интернет-магазина, но мне нужно изменить язык и валюту сайта в зависимости от местоположения.
Я использую MERN Stack :)
Есть идеи или предложения для этого?
Я делаю перевод.
arthur
Подскажите пожалуйста как из шаблонной строки достать и отрисовать разметку ??
https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml
Артем
Ребята,а если в ответе от сервера приходит просто масив с данными,по типу [
{
"id": 1,
"img": "img1.png",
"text": "Lorem ipsum dolor sit amet.",
"title": "product 1"
},
...
] то мне через forEach выводить данные? или как-то можно через map
Андрей
Ребята,а если в ответе от сервера приходит просто масив с данными,по типу [
{
"id": 1,
"img": "img1.png",
"text": "Lorem ipsum dolor sit amet.",
"title": "product 1"
},
...
] то мне через forEach выводить данные? или как-то можно через map
Как ты хочешь через forEach выводить?
Артем
map
а как мне тогда через map забрать именно те данные которые я хочу? например первого масива,у которого ключ 0
🤴👷♂️🦸♂️🧚♀️
а как мне тогда через map забрать именно те данные которые я хочу? например первого масива,у которого ключ 0
Выучи js для начала, я думаю
Андрей
а как мне тогда через map забрать именно те данные которые я хочу? например первого масива,у которого ключ 0
А какие данные ты хочешь забрать?
Mihail
а как мне тогда через map забрать именно те данные которые я хочу? например первого масива,у которого ключ 0
Map по всем элементам проходится
Anonymous
Ребята, кто юзал mobx с компонентом-функцией? Как сделать возможным использовать хуки внутри функции-компонента который observer?
artalar
Anonymous
установил with-mobx репу из тестовых реп next.js, установил mobx-react-lite и у меня какая-то ошибка выбивает: Cannot find module 'next/babel'
Igor
Igor
find()
Igor
можно через мап, просто добавить проверку во внутрь, и если не удовлетворяет условию return null
Artur
Ребята, кто-нибудь в MonoDb искал текст. Вроде решение нагуглил, а не работает. Просьба поделиться.
🦜
Подскажите, тут используют react-select. Необходимо показывать дефолтное значение, которые приходит с бека. Пытался через value проп, ничего
Виктор
Егор
Всем привет. Ребята, у нас проект на create-react-app, на котором никогда не производили eject. И сейчас на проде можно забраться прямо в исходники через дев-тулзы, если просто – там просто не настроена минификация для вебпака. Но и доступа к нему нет. Особыъ решений не рассматривал, но подсказывают, что некоторые настройки можно переопределить и соответственно настроить правильную компиляцию исходников.
Покидайте ссылок, если есть плиз. И тегов, что погуглить
Alexander
День добрый!