レンダリングされたコンポーネントと状態の保存: ページのリロード後も保持するにはどうすればよいですか?

Question

私は、ユーザーがカスタマイズして選択したコンポーネントを表示できるダッシュボード アプリケーションを開発しています。設定が完了したら、ユーザーがアプリケーションに再度アクセスしたときに、終了時と同じ設定が読み込まれるように、この状態を保存するにはどうすればよいですか?

たとえば、次のコンポーネントが利用可能です: A、B、C、D、E。ユーザーは、A、C、D のみをレンダリングするようにダッシュボードを構成します。ユーザーがページをリロードまたは再訪問したときに、同じコンポーネント (A、C、D) とそれぞれの状態が表示されるようにしたいと考えています。ユーザーが毎回アプリケーションを再構成する必要がなくなるようにしたいと考えています。

データをテキスト ファイルに保存することを検討しましたが、そのデータをコンポーネントに変換して戻す方法がわかりません。助言がありますか？

Answer 1

ブラウザにデータを保存することについて話している場合、いくつかのオプションがあります:

＃＃＃ローカルストレージ＃＃＃
• インデックス付き DB
＃＃＃クッキー＃＃＃
• クライアント ストレージ

React の場合、useLocalStorage (

useState

と同様) のようなものもあります。これにより、たとえば上記の使用法が簡素化されます。それでも、純粋なブラウザ API は十分に単純かもしれません。 しかし、現実的には、解決策は「ユーザー」をどのように定義 (識別) するかによって決まるかもしれません。ブラウザを開いたのは彼ですか?それともアプリにログインしている人ですか?