問題タブ [rtk-query]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - RTKクエリをストア/スライスに入れる方法は?
RTK クエリを使い始めたばかりですが、問題に直面しています
私のアプリにはすべての設定が 1 つの大きな JSON に含まれているため、RTK クエリを作成して設定をフェッチします。チュートリアルではuseQuery、コンポーネントでフックを使用してすぐに結果を表示する例を示していますが、設定が非常に大きいため、複数のページ/コンポーネントを表示してユーザーが設定を変更できるようになっているためです。
設定を変更する必要があるので、状態をストアに入れるのがよいと思いますが、API の結果をストアに入れるにはどうすればよいですか?
その周りにいくつかの方法があります
コンポーネントで使用
useQueryし、結果が得られたら、ディスパッチを実行してデータをストアに配置しますすべてのコンポーネントで API から配置
useQueryし、それを使用してキャッシュされたデータを取得します。その後、それをストアに配置し、変更を設定するためにコンポーネントの状態を使用する必要はありません (このアプローチについてはよくわかりません。設定 - 異なるページに分割されていても、コンポーネントの状態を使用して管理するのは適切ではないようです)
私は RTK と RTK クエリを初めて使用しますが、何が最善/良いアプローチなのか疑問に思っています。