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

Question

私は、ユーザーがカスタマイズして選択したコンポーネントをレンダリングできるダッシュボード アプリケーションを開発しています。設定が完了したら、ユーザーがアプリケーションに再度アクセスしたときに、終了時と同じ設定が読み込まれるように、この状態を保存するにはどうすればよいですか?たとえば、次のコンポーネントが利用可能です: A、B、C、D、E。ユーザーは、A、C、D のみをレンダリングするようにダッシュボードを構成します。ユーザーがページをリロードまたは再訪問したときに、同じコンポーネント (A、C、D) とそれぞれの状態がレンダリングされるようにしたいと考えています。ユーザーが毎回アプリケーションを再構成する必要がなくなるようにしたいと考えています。データをテキストファイルに保存することも考えましたが、

P粉139351297 · Answer

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

インデックス付き DB
クライアントストレージ

React の場合、useLocalStorage (

useState

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