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

Question

[AntonHPL]

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

https://codesandbox.io/s/eager-oskar-471xm?file=/s...

Answer 1

[0xD34F]

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

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

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

Answer 2

[Дмитрий Свиридов]

Как-то так? https://codesandbox.io/s/young-cloud-l2l0x?file=/s...