我正在开发一个仪表盘应用程序,用户可以自定义它以渲染他们选择的组件。一旦他们配置好了,我该如何保存这个状态,以便用户重新访问应用程序时,加载与他们离开时相同的设置?
例如,我有以下可用的组件:A, B, C, D, E。用户配置他们的仪表盘只渲染A, C, D。我希望当用户重新加载或重新访问页面时,渲染相同的组件(A, C, D)和它们各自的状态。我不希望用户每次都要重新配置应用程序。
A, B, C, D, E
A, C, D
我考虑将数据存储在文本文件中,但是我不确定如何将该数据转换回组件。有什么建议吗?
如果您在谈论在浏览器中保存数据,您有一些选择:
客户端存储
对于React,您还可以找到像useLocalStorage(类似于useState)这样的东西,例如简化上述用法。不过,纯浏览器API可能已经足够简单了。
useLocalStorage
useState
但是,实际上,解决方案可能取决于您如何定义(识别)您的“用户”。他是打开浏览器的人吗?还是您应用程序中已登录的人?
如果您在谈论在浏览器中保存数据,您有一些选择:
客户端存储
对于React,您还可以找到像
useLocalStorage
(类似于useState
)这样的东西,例如简化上述用法。不过,纯浏览器API可能已经足够简单了。但是,实际上,解决方案可能取决于您如何定义(识别)您的“用户”。他是打开浏览器的人吗?还是您应用程序中已登录的人?