儲存渲染的元件和狀態：如何在頁面重新載入時保留？

Question

我正在開發一個儀錶板應用程序，用戶可以自訂它以渲染他們選擇的元件。一旦他們配置好了，我該如何保存這個狀態，以便用戶重新訪問應用程式時，加載與他們離開時相同的設定？

例如，我有以下可用的元件：A, B, C, D, E。使用者配置他們的儀表板只渲染A, C, D。我希望當使用者重新載入或重新造訪頁面時，渲染相同的元件（A, C, D）和它們各自的狀態。我不希望用戶每次都要重新配置應用程式。

我考慮將資料儲存在文字檔案中，但是我不確定如何將該資料轉換回元件。有什麼建議嗎？

Answer 1

如果您在談論在瀏覽器中保存數據，您有一些選擇：

• 本地儲存
• Indexed DB
• Cookie

客戶端儲存

#對於React，您也可以找到像useLocalStorage（類似於useState）這樣的東西，例如簡化上述用法。不過，純瀏覽器API可能已經夠簡單了。

但是，實際上，解決方案可能取決於您如何定義（識別）您的「使用者」。他是打開瀏覽器的人嗎？還是您應用程式中已登入的人？