Как я могу оставаться на той же странице в таблице реакции (antd) после перезагрузки страницы

Question

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

У меня похожая проблема, когда я пытаюсь отредактировать некоторые данные или добавить новые в таблицу. После сохранения данных я снова на первой странице таблицы, но я хочу быть на странице, где я был до добавления / редактирования. Вы знаете, как я могу решить это?

Answer 1

Есть несколько способов взглянуть на это. Во-первых, вы можете управлять навигацией в своей таблице с помощью состояния React и удерживать состояние таблицы в компоненте верхнего уровня, который содержит маршруты (например, с помощью React-Router для маршрутизации в push-состоянии), или вы можете отображать изменения к вашей таблице только с React и без изменений маршрутизации.

Вы также можете хранить состояние таблицы в Redux (аналогично состоянию удержания в React, но вместо этого использовать глобальное хранилище данных Redux) и использовать промежуточное ПО, как предлагается в этом посте: Как сохранить Редуксное дерево состояний при обновлении?

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

Кроме того, вы можете использовать API-интерфейсы платформы, такие как LocalStorage, для обеспечения персистентности на стороне клиента.

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