reactjs 当用户重新加载页面时，如何存储呈现的组件和状态？

kx7yvsdv 于 2023-02-12 发布在 React

关注(0)|答案(2)|浏览(226)

我正在开发一个 Jmeter 板应用程序，用户可以在其中自定义该应用程序以呈现他们选择的组件。一旦他们配置了该应用程序，我如何保存此状态，以便用户再次访问该应用程序时，它加载的设置与他们离开时相同？
例如，我有以下可用组件：A, B, C, D, E。用户将其 Jmeter 板配置为仅呈现A, C, D。我希望这样做，以便当用户重新加载或重新访问页面时，呈现相同的组件（A, C, D）及其各自的状态。我不希望这样做，以便用户每次都必须重新配置应用。
我想把数据存储在一个文本文件中，但是我不确定如何把数据转换回一个组件。有什么建议吗？

reactjs

来源：https://stackoverflow.com/questions/75406417/how-do-i-store-rendered-components-and-state-when-a-user-reloads-the-page

2条答案

按热度按时间

bnlyeluc1#

如果您要在浏览器中保存数据，您可以选择以下选项：

本地存储
IndexedDB
饼干

Client-side storage
对于react，你也可以找到像useLocalStorage（像useState）这样的东西来简化上面的用法，尽管普通浏览器API可能已经足够琐碎了。
但是，实际上，解决方案可能取决于您如何定义（标识）您的"用户"，是打开浏览器的人吗？或者可能是登录您的应用程序的人？

赞(0）回复(0）举报 2023-02-12

slwdgvem2#

你需要保存组件的状态到本地存储
用户更改状态时：在本地存储中添加/更改新状态
以及元件何时安装：读取本地存储器并从其中声明默认状态
redux-presist是为完成此工作而创建的库！

赞(0）回复(0）举报 2023-02-12