#reactjs #pagination #refresh
Вопрос:
Я столкнулся с проблемой, которую не знаю, как решить.
я создал вкладку «Избранное», содержащую всех персонажей, сохраненных пользователем.
На избранной странице отображается вкладка.
Пользователь может удалить элемент из его любимых, нажав на сердце значок сверху.
Он отлично работает, товар будет сразу удален, но если я нахожусь на второй странице, и удалить все элементы на странице, Я получаю пустой экран, даже если пагинация обновления accordly (от 2 страниц до 1).
Я должен вручную обновить страницу, чтобы показать его остальным пунктам.
Как я могу принудительно обновить страницу автоматически ?
Вы можете видеть на изображении, что при удалении элемента страница 2 удаляется, но я все еще на удаленной странице (1 в разбивке на страницы не выделен жирным шрифтом).
Комментарии:
1. Хранится ли состояние номера страницы в URL-адресе? Если вы сохраните его в состоянии URL-адреса, вы можете перейти к истории использования
react-router
после удаления, чтобы оно соответствующим образом изменило состояние.2. Что вы подразумеваете под «хранится в URL» ? Что — то вроде параметров ? Разбивка на страницы выполняется просто в простом состоянии. Но я думаю, я мог бы поместить его в параметры URL-адреса.
3. Если он находится в нужном состоянии, то при обновлении страница вернется в нормальное состояние. Я рекомендую указать состояние в URL-адресе, прочитать его и обновить состояние URL-адреса при удалении данных.
4. Я привел его в состояние, потому что я использую react-paginate, и до сих пор мне не нужно было указывать URL. Я попробую ваше предложение и дам вам знать, как оно работает.