Size: a a a

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

2021 March 17

AG

Adel Gilyazeev in React — русскоговорящее сообщество
Alexey
Коллеги, добрый день! Подскажите, у меня в Реакт приложении есть роуты и мне нужно сделать обычный переход с одного роута на другой, НО этот код ВНЕ Реакт компонента((( Т.е. я не могу заюзать history.push из React Router, тк нахожусь вне Реакт компонента.
Как это можно сделать? Пробовал history API, windows.location - они делают переход НО они перезагружают мое приложение (((
Обернуть твои функции вне реакта в коллбек, и вызвать его в реакте передав необходимый функционал?)
источник

A

Alexey in React — русскоговорящее сообщество
нет( Там классы, с мутной инициализацией
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Alexey
Я не писал про историю, я писал по history API
const history = createBrowserHistory()
Где угодно в приложении, а потом юзаешь где хочешь, так понятно?
источник

A

Alexey in React — русскоговорящее сообщество
через tsyringe
источник

A

Alexey in React — русскоговорящее сообщество
Тимофей 🛴
const history = createBrowserHistory()
Где угодно в приложении, а потом юзаешь где хочешь, так понятно?
Да, спс - как раз читаю про createBrowserHistory
источник

A

Alexey in React — русскоговорящее сообщество
Я так понял его нет в стандартном пакете Router
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Советую этот выпуск, теперь наши стм срачи выйдут на новый уровень

https://alltalks.dev/talk/state-management-talks
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Alexey
Я так понял его нет в стандартном пакете Router
Это отдельный пакет, history
источник

A

Alexey in React — русскоговорящее сообщество
Тимофей 🛴
Это отдельный пакет, history
Да, понял  - спс большое. Пытаюсь разобраться, опять же - как вне Реакт, тк такое не работает:
const customHistory = createBrowserHistory();
             customHistory.push(url)
источник

Э

Эльдар in React — русскоговорящее сообщество
у кнопки "обращения" tooltip открывается только при :hover, однако когда нажимаю на кнопку и убираю с неё курсор, скрывается tooltip лишь после выполнения запроса. почему, ведь он выполняется асинхронно?
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Alexey
Да, понял  - спс большое. Пытаюсь разобраться, опять же - как вне Реакт, тк такое не работает:
const customHistory = createBrowserHistory();
             customHistory.push(url)
Должно работать, где то ошибся, забыл в Router передать?
источник

A

Alexey in React — русскоговорящее сообщество
Тимофей 🛴
Должно работать, где то ошибся, забыл в Router передать?
Да, я не пойму - если я передам в Route то в документации написано, что нужно эту history использовать, а у меня в Реакте там уже налажен огромный роутинг, это что, переделывать его?((( КОроче, я не пойму, как это юзать ВНЕ Реакт компонентов(((
источник

A

Alexey in React — русскоговорящее сообщество
Более того, вот я передал и это не помогает:
источник

АХ

Артем Хальвита... in React — русскоговорящее сообщество
Всем доброе утро))
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Alexey
Да, я не пойму - если я передам в Route то в документации написано, что нужно эту history использовать, а у меня в Реакте там уже налажен огромный роутинг, это что, переделывать его?((( КОроче, я не пойму, как это юзать ВНЕ Реакт компонентов(((
Ничего переделывать не надо, почему ты не можешь использовать history вне ? не могу понять)
источник

R

Raman in React — русскоговорящее сообщество
Артем Хальвита
Всем доброе утро))
источник

A

Alexey in React — русскоговорящее сообщество
Тимофей 🛴
Ничего переделывать не надо, почему ты не можешь использовать history вне ? не могу понять)
Сам не могу понять, разбираюсь))) Большое спс за помощь, ща все доковыряю и отпишусь)
источник

A

Alexey in React — русскоговорящее сообщество
Alexey
Более того, вот я передал и это не помогает:
Короче, проблема тут была. Добавил export const history.... и  в нужном месте неный history и дальше как обычно пуш

зы Еще раз всем спс!!!
источник

О

Орынбай in React — русскоговорящее сообщество
Vladimir Boyko
Я делал вот таким способом "required(t("formBlock.inputMessages.required"))". Использовал хук useTranslation от react-i18n
источник

О

Орынбай in React — русскоговорящее сообщество
Ругается на то что может вызваться в компонентах
источник