从一个页面导航到另一个页面时如何在 ReactJS 站点上保存页面编辑
How to save page edits on a ReactJS site when navigating from page to page
我有一个基本的 ReactJS 应用程序，其中有 5 个页面，我认为这是一个 SPA（每个页面与菜单共享一个公共 header 元素），每个页面都有自己的路线，我正在制作像这样的菜单项：
<Link to="/save">Save</Link>
为了使问题真正简单，假设在一个页面上用户在文本框中输入了他的名字。然后用户点击另一个页面，然后点击回到第一页。好吧，当我们回到第一页时，文本框是空的。用 ReactJS 解决这个问题最常用的方法是什么？我不想清空文本框。实际上，在视图之间切换时，我不想让很多东西消失，我宁愿不必编写代码来重新创建所有东西的状态，只是让它们仍然存在。
这当然是一个很基础的问题。即使只是给我一个好的 google 搜索字符串来为我指明正确的方向也会有所帮助。
您描述的问题与vue.js中的keep-alive相似。
componentWillUnmount时可以使用redux保存页面数据， componentDidMount时可以获取页面日期。
或者你可以试试这个React Keep Alive
我有一个基本的 ReactJS 应用程序，其中有 5 个页面，我认为这是一个 SPA（每个页面与菜单共享一个公共 header 元素），每个页面都有自己的路线，我正在制作像这样的菜单项：
<Link to="/save">Save</Link>
为了使问题真正简单，假设在一个页面上用户在文本框中输入了他的名字。然后用户点击另一个页面，然后点击回到第一页。好吧，当我们回到第一页时，文本框是空的。用 ReactJS 解决这个问题最常用的方法是什么？我不想清空文本框。实际上，在视图之间切换时，我不想让很多东西消失，我宁愿不必编写代码来重新创建所有东西的状态，只是让它们仍然存在。
这当然是一个很基础的问题。即使只是给我一个好的 google 搜索字符串来为我指明正确的方向也会有所帮助。
您描述的问题与vue.js中的keep-alive相似。
componentWillUnmount时可以使用redux保存页面数据， componentDidMount时可以获取页面日期。
或者你可以试试这个React Keep Alive