Как отследить перезагрузку страницы в React Router для api запросов?

Question

[Егор Довыденко]

Простой пример:
Есть пара кнопок, по клику на которые делается api запрос.
Информация выводится одним компонентом путём path='/wether/:city'



При перезагрузке страницы информации по нужному url нет - потому что api запрос естественно не произошел.
Вот и вопрос - как сделать так, чтобы при перезагрузки страницы была выведена нужная информация.

Comments

[Алексей Абрамов]

Через юзэффект делай запрос по :city , который придёт из роутера

Answer 1

[Алексей Уколов]

как сделать так, чтобы при перезагрузки страницы была выведена нужная информация

Отвязать загрузку от кнопок и привязать к жизненному циклу компонента (или хукам). Кнопки должны только менять URL, роутер в ответ на изменение рендерит компонент и в нём запрашиваются данные. Таким образом, когда при открытии страницы по прямой ссылке роутер точно так же отрендерит компонент, запрос будет сделан автоматически.

Примеров конкретных реализаций довольно много, выбирайте любой.

Comments

[Егор Довыденко]

Ага. Понял. Спасибо, попробую.