重新加载后如何使渲染仍然保留?

时间:2020-06-08 16:11:25

标签: reactjs react-native react-redux react-router

我现在面临的问题是,有一个配置文件选项卡,其中显示了一些有关自身的信息。我输入了“输入”之类的界面解决方案。将其值保存到数据(放置在另一个组件上的数据,尤其是包含在this.state中的数据)之后。然后我转移到渲染其界面的组件。详细地说,我提到了它所显示的价值。太糟糕了,我不明白如何在重新加载后仍然显示它?我希望它能从后端或axios或git的东西中提取一些东西。简要地说,“如何在重新加载后维护配置文件选项卡上的数据?我在React js工作中。

1 个答案:

答案 0 :(得分:0)

反应状态只是存储数据的变量。刷新浏览器时,浏览器会从内存中清除其值,然后重新初始化该变量。

要获取数据,您必须将数据存储在即使浏览器刷新后仍会保留的位置

  1. 您可以使用会话存储或本地存储。 https://javascript.info/localstorage

  2. 您可以用户服务器存储数据,并使用useEffect挂钩使用axios来获取数据。

  3. 您还可以使用npm软件包redux-persist或react-persist https://www.npmjs.com/package/redux-persist