Как можно сделать асинхронные действия перед переходом на новый роут, не показывая его?

Question

[dpablo_escobarr]

Хочу понять как сделать предзапрос например перед заходом на Route path='/users' component=Users Чтобы перед отрисовкой этого компонента активировалось какое нибудь асинхронное действие, и после чего отрисовывалась компонента. Тоесть что то типа такого но которого нет:

После получения ответа от сервака закидываем в компоненту и отрисовываем. Прелоадер не нужен, можно подождать на родительском компоненте время на запрос к серверу.

Comments

[Егор Живагин]

Раньше в react-router был метод onChange/onUpdate для этого, сейчас я ничего не нашёл. Из простого - можно в componentDidMount страницы такие действия делать + создать флаг isLoaded и не отрисовывать ничего, пока он не true

[GunAlv]

Опишите кейс подробнее. Кажется, предполагается, что нужно отправить запрос на сервер, получить данные и на основе их отрисовывать содержимое компоненты User?

[dpablo_escobarr]

GunAlv, ага, именно так. обновил версию.

[GunAlv]

Почитайте про использование плейсхолдеров в роутах. Например: https://metanit.com/web/react/4.4.php
Поменяйте на <Route path='/users/:id' component={Users}/> где id — условный идентификатор пользователя. В componentDidMount используйте этот id, отправьте запрос и получите данные.
Как писали выше, можете использовать флаг isLoaded и в зависимости от него рендерить разметку

[dpablo_escobarr]

GunAlv, ага, про плесхолдеры знаю. но тут мы заходим на компонент я так понимаю, и придется прикручивать к нему прелоадер? как раз таки вариант без прилоадера интересен. совершить запрос с той страницы на которой роаспологается тег Route.

[GunAlv]

dpablo_escobarr, Можете закинуть прелоадер, можете без, а в чем проблема? В любом случае пользователю пришлось бы дождаться ответа от сервера и отрисовки нужных данных.

[dpablo_escobarr]

GunAlv, да, вы правы. мой вопрос немного необдуман. Даже если я организовал такую задумку, без кастылей не обошлось бы я думаю. Так как при прямом заходе на страницу на который ведет роут на родительской странице, нужно вкручивать запрос в страницу, а это дополнительный код который не нужен. В итоге, вызов функции из стора, будет распологаться все равно в конечной странице

[dpablo_escobarr]

Егор Живагин, Единственный правильный вариант. к которому я тоже склоняюсь