时间戳

首页 > 解决方案 > 重新加载后如何使渲染仍然存在？

reactjs - 重新加载后如何使渲染仍然存在？

问题描述

我现在面临的问题是，有一个配置文件选项卡，其中显示了一些关于其自身的信息。我输入了诸如“输入”之类的界面解决方案。在我将其值保存到数据（放置在另一个组件上的数据，尤其是包含在 this.state 中的数据）之后。然后我转向呈现其界面的组件。详细地，我提到了它要展示的价值。Soooooo，我无法理解重新加载后如何仍然显示它？我希望它从后端或 axios 或 git 中提取一些东西。简而言之，“如何在重新加载后维护配置文件选项卡上的数据？我在反应 js 的东西。

标签： reactjsreact-nativereact-reduxreact-router

解决方案

React 状态只是一个存储数据的变量。当您刷新浏览器时，浏览器会从内存中清除其值并重新初始化该变量。

要取回该数据，您必须将该数据存储在某个地方，即使在浏览器刷新后仍然存在

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

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

  3. 你也可以使用 npm 包 redux-persist 或 react-persist https://www.npmjs.com/package/redux-persist

推荐阅读