Как сохранить значения ввода между перенаправленными страницами с вкладкой

Question

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

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

Также я использую Redux для передачи userContext и appContext на каждый экран.Можно ли использовать Redux для хранения значений каждого входа или других компонентов?

Answer 1

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

Идеальным решением этой проблемы является Redux.Когда ваше приложение хранится в Redux, вы можете легко переключать страницы и не терять никаких данных.Кроме того, вы можете сохранить то же состояние Redux в localStorage, чтобы предотвратить потерю данных из-за обновления или выключения браузера.Наконец, если возникнет необходимость сохранить ваши данные в базе данных, извлеките все значения хранилища в реквизиты с помощью mapStateToProps и передайте их бэкэнду.

Answer 2

Можно создать хранилище для хранения входных данных.Вы можете обновить параметр valus при изменении входных данных и проверить, имеет ли объект хранилища значение для componentDidMount, можно ли импортировать значения из хранилища во входные данные.