icw82
@icw82
Веб-разработчик

Как при изменении URL получать данные с сервера и обновлять компонент страницы?

Здравствуйте!

Сайт-приложение использует:
react 16.3, react-dom 16.3, react-redux 5, react-router 4.2, react-router-dom 4.2, react-router-redux 5.0.0-alpha.9, redux 3.7, redux-thunk 2.2

В вопросе рассматривается только адрес вида
/section/:id

Интересует, каким образом обычно реализуется следующий сценарий:
  1. Страница открыта (допустим это /section/1);
  2. Происходит переход на страницу /section/2 (используется компонент Link);
  3. При переходе срабатывает экшн LOCATION_CHANGE роутера;
  4. Каким-то образом (?) инициируется запрос данных с сервера (вариант кэша в этом примере не рассматриваем);
  5. Данные получены, что, если я не ошибаюсь, должно вы звать ещё один экшн;
  6. Обновляется компонент страницы, используя новые данные.


Перерыл много гайдов, официальных и не очень, но вся документация очень разношёрстная и описывает разные применяемые версии библиотек, что усложняет понимание. Не думал, что такая элементарная задача может вызвать проблемы с пониманием принципа её реализации.

P. S.
Предполагаю, что стандартные методы жизненного цикла реактовского компонента тут участвовать не должны, раз используется Redux?
  • Вопрос задан
  • 202 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы