存储渲染的组件和状态：如何在页面重新加载时保留？

Question

我正在开发一个仪表盘应用程序，用户可以自定义它以渲染他们选择的组件。一旦他们配置好了，我该如何保存这个状态，以便用户重新访问应用程序时，加载与他们离开时相同的设置？

例如，我有以下可用的组件：A, B, C, D, E。用户配置他们的仪表盘只渲染A, C, D。我希望当用户重新加载或重新访问页面时，渲染相同的组件（A, C, D）和它们各自的状态。我不希望用户每次都要重新配置应用程序。

我考虑将数据存储在文本文件中，但是我不确定如何将该数据转换回组件。有什么建议吗？

Answer 1

如果您在谈论在浏览器中保存数据，您有一些选择：

• 本地存储
• Indexed DB
• Cookie

客户端存储

对于React，您还可以找到像useLocalStorage（类似于useState）这样的东西，例如简化上述用法。不过，纯浏览器API可能已经足够简单了。

但是，实际上，解决方案可能取决于您如何定义（识别）您的“用户”。他是打开浏览器的人吗？还是您应用程序中已登录的人？