@AntonHPL

Как исправить подгрузку данных в react-paginate?

Во время подгрузки данных высвечивается слово Loading... свидетельствующее о подгрузке.
Но при переключении с одной страницы на другую всегда возвращается первая страница (в качестве активной), хотя содержимое и меняется.
В связи с этим:
1) Как сделать, чтобы высвечивалась правильная страница? До настройки Loading все работало.
2) Как сделать, чтобы слово Loading не было одно на экране во время подгрузки, а было на месте подгружаемых данных?

https://codesandbox.io/s/eager-oskar-471xm?file=/s...
  • Вопрос задан
  • 59 просмотров
Пригласить эксперта
Ответы на вопрос 2
0xD34F
@0xD34F
На время загрузки данных вы уничтожаете компонент пагинации, соответственно, при каждом изменении страницы он создаётся заново - поэтому его внутреннее значение текущей страницы постоянно оказывается дефолтным.

Явно указывайте компоненту пагинации, какую страницу считать текущей (forcePage={currentPage}).

Уберите +1 из обработчика выбора страницы, добавляйте единицу при запросе (проще подправлять значение текущей страницы в одном месте, чем в двух - так бы пришлось ещё и -1 делать при указании страницы компоненту пагинации).
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы