Старый и медленный запрос перезаписывает результат нового быстрого в Redux, как бороться?

Question

[alex4answ]

Добрый день, столкнулся с проблемой "гонки запросов".

1. Есть страница где выводится список домов ( хранятся в redux ), в ней я делаю запрос на получение Статистики для этих домов за последние 5 лет ( статистика тоже хранится в redux, но отдельно от домов )

2. Есть страница детального просмотра дома, там я запрашиваю статистику для дома за последние 7 дней.

Проблема проявляется если быстро перейти с листинга домов на страницу детального просмотра.
Из-за того что запрос за 5 лет отрабатывает дольше - приходит он позже чем тот, что берет статистику за 7 дней.
И он перезаписывает данные, в итоге при быстрых переходах данные не актуальны.

Как бороться с этим, что обычно делают в таких ситуациях ?
Использую redux-thunk

Comments

[n1ksON]

а вы redux-saga или redux-thunk не юзаете? там это всё продумано

[alex4answ]

n1ksON, thunk использую

[n1ksON]

alex4answ, в saga это точно есть, в thunk хз. отслеживайте в thunk запрос и если ответ ещё не пришёл, а запрос снова был вызван, то отменяйте предыдущий и оставляйте выполнение только самого последнего

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

Я может не очень понимаю архитектуру вашего проекта, но звучит так, как-будто стоит сделать два отдельных стейта - для запроса за 5 лет и за 7 дней

Answer 1

[Александр]

- В ответ добавлять версию/время запроса и отбрасывать старый.
- При переходе (componentWillUnmount) отменять запрос (https://github.com/axios/axios#cancellation)