ЖЕ
а как перед показом роута сделать для него прелоад данных?
ищу аналог beforeRouteEnter из vue
ищу аналог beforeRouteEnter из vue
Size: a a a
2020 October 08
VR
сорян, плохо написал, короче нужно или прокидывать значение пропсов из стора, или нет
если инфа о чем-то есть в сторе, и она тебе нужна - прокидывай.
VR
а как перед показом роута сделать для него прелоад данных?
ищу аналог beforeRouteEnter из vue
ищу аналог beforeRouteEnter из vue
какой роутер используется?
ЖЕ
react-router-dom
z
если инфа о чем-то есть в сторе, и она тебе нужна - прокидывай.
это понятно, а каким образом мне определить откуда я перешел, только какой-то буль в стейт прокидывать при переходе?
ЖЕ
не, я понимаю, что можно в самом компоненте показывать спиннер, но я хочу чтобы вот эта шляпа показывалась пока
1) лези-компонент не загрузится
2) не загрузятся все данные для его отрисовки
1) лези-компонент не загрузится
2) не загрузятся все данные для его отрисовки
VR
react-router-dom
можно в компоненте сделать
useEffect(() => {
const data = await loadData()
setLoaded(true)
}, [])
if (loaded) return <Component />
else return '...loading...'ЖЕ
можно в компоненте сделать
useEffect(() => {
const data = await loadData()
setLoaded(true)
}, [])
if (loaded) return <Component />
else return '...loading...'ждал такой ответ =)
спс, но мне нужно не это
спс, но мне нужно не это
VR
это понятно, а каким образом мне определить откуда я перешел, только какой-то буль в стейт прокидывать при переходе?
вопрос в том, что значит "переход"? Загрузка новой страницы? Переход по роуту? Просто смена компонента?
z
в моем случае загрузка новой страницы, переход через history
VR
в моем случае загрузка новой страницы, переход через history
если загрузка новой страницы, остается хранить данные в localStorage/sessionStorage и при ините приложения читать их в redux
z
а и так храню в сторе редакса
VR
ждал такой ответ =)
спс, но мне нужно не это
спс, но мне нужно не это
можно глянуть на контекст роутера
https://reactrouter.com/web/example/static-router
или самому из внутренного компонента наверх отдавать инфу о том, отрендерился он или нет
https://reactrouter.com/web/example/static-router
или самому из внутренного компонента наверх отдавать инфу о том, отрендерился он или нет
A
ЖЕ
можно глянуть на контекст роутера
https://reactrouter.com/web/example/static-router
или самому из внутренного компонента наверх отдавать инфу о том, отрендерился он или нет
https://reactrouter.com/web/example/static-router
или самому из внутренного компонента наверх отдавать инфу о том, отрендерился он или нет
спс, посмотрю.
я вот думаю, раз коллбек, который передается в лези-импорт, должен возвращать промис, можно в этом колбеке заодно вызвать await dispatchReduxAction,
я вот думаю, раз коллбек, который передается в лези-импорт, должен возвращать промис, можно в этом колбеке заодно вызвать await dispatchReduxAction,
lazy(() => import(`./test`))
ЖЕ
Всем привет! Подскажите каким лучше способом можно реализовать данный компонент, через canvas или каждое деление делать как div или вообще это запихнуть в svg?
можно бекграундом, png-картинкой 🤡
A
можно бекграундом, png-картинкой 🤡
Ну тоже вариант, только если расстояние будет всегда одинаковым между делениями
АБ
Всем привет! Подскажите каким лучше способом можно реализовать данный компонент, через canvas или каждое деление делать как div или вообще это запихнуть в svg?
а реакт то тут причем?
AK
а реакт то тут причем?
возможно он имел в виду "как это сделать на реакте" ы
S🛸
возможно он имел в виду "как это сделать на реакте" ы
Сверстать
Засунуть в компонент
Засунуть в компонент