Speichern gerenderter Komponenten und des Status: Wie bleibt es über Seitenneuladevorgänge hinweg bestehen?

Question

Ich entwickle eine Dashboard-Anwendung, die Benutzer anpassen können, um Komponenten ihrer Wahl darzustellen. Wie speichere ich diesen Status nach der Konfiguration, sodass beim erneuten Aufrufen der Anwendung durch den Benutzer dieselben Einstellungen geladen werden wie beim Verlassen?

Ich habe zum Beispiel folgende Komponenten zur Verfügung: A, B, C, D, E。用户配置他们的仪表盘只渲染A, C, D。我希望当用户重新加载或重新访问页面时，渲染相同的组件（A, C, D) und deren jeweilige Zustände. Ich möchte nicht, dass der Benutzer die Anwendung jedes Mal neu konfigurieren muss.

Ich habe überlegt, die Daten in einer Textdatei zu speichern, bin mir aber nicht sicher, wie ich diese Daten wieder in die Komponente konvertieren soll. Irgendwelche Vorschläge?

Answer 1

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

• 本地存储
• Indexed DB
• Cookie

客户端存储

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

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