0

我有一个基本的 ReactJS 应用程序,有 5 个页面,我认为这是一个 SPA(每个页面与菜单共享一个公共标题元素),每个页面都有自己的路线,我正在制作这样的菜单项:

<Link to="/save">Save</Link> 

为了使问题变得非常简单,假设用户在一页上将他的名字输入到文本框中。然后用户点击另一个页面,然后点击回到第一页。好吧,当我们回到第一页时,文本框是空的。用 ReactJS 解决这个问题的最常见方法是什么?我不想让文本框被清空。实际上,当在视图之间切换时,我会有很多我不想消失的东西,我宁愿不必编写代码来重新创建所有内容的状态,而是让它仍然存在。

这当然是一个非常基本的问题。即使只是给我一个好的谷歌搜索字符串来指出我正确的方向也会有所帮助。

4

1 回答 1

1

您描述的问题类似于keep-alive.vue.js

您可以使用 redux 来保存页面数据 when componentWillUnmount,并获取页面日期 when componentDidMount

或者你可以试试这个React Keep Alive

于 2021-01-13T06:25:41.667 回答