Я конвертирую многостраничное приложение jsp (mpa) в одностраничное приложение React (спа). В mpa, обратная кнопка работала и форма сохранила свое состояние.SPA + кнопка назад + состояние формы
В моем новом приложении React работает кнопка «Назад», но форма не сохраняет свое состояние.
Вопрос: есть ли уловка, чтобы моя форма сохраняла свое состояние после «поддержки» (в спа-центре).
Вот два решения я придумал:
Encode вся форма государства в URL. Затем обновляйте историю браузера с обновленным URL-адресом при каждом изменении формы. Но это похоже на огромную боль в заднице.
Измените структуру моего приложения так, чтобы отображаемая форма (компонент React) была смонтирована (и просто используйте видимость или свойство css для отображения и скрытия). Но в большом приложении, оставляя каждую страницу, смонтированную в DOM, похоже, может привести к проблемам с производительностью.
Кстати, я использую popstate и историю браузера API для достижения поведения SPA (т.е. я свернул свой собственный маршрутизатор), как описано here.
Надеюсь, кто-то может предложить решение, которое лучше, чем мои два решения. Благодарю.