セレクターで RTK クエリを使用する方法

Question

ReduxToolkit と RTK クエリを使用してプロジェクトを構築し、API からいくつかのエントリを取得しようとしています。特定のコンポーネントでデータを配列として必要とするため、createEntityAdapter のデータの正規化メソッドを使用しています。そのため、セレクターを使用することになりました。ここで私の問題は、フィルターをクエリのパラメーターとして追加したため、セレクターが機能しなくなったことです。ここで「パラメーターを指定して RTK クエリ セレクターを使用するにはどうすればよいですか?」などの同様の質問を調べましたが、私は愚かすぎて何を変更すればよいのか理解できません。試してみます

P粉779565855 · Answer

はい、これはややデリケートなトピックです。RTKQ のドキュメントでは最も単純な例、つまりパラメーターをまったく使用しないクエリが示される傾向があるためです。私自身もたくさんの問題を抱えてきました。

とにかく、selectEntryResult を 2 つのパラメーター (state と params) を持つ関数として宣言しました。次に、その下にアダプターセレクターを作成するときに、state という 1 つのパラメーターのみを使用してそれを呼び出します。また、コンポーネント内で次のように最後のセレクターを使用する場合:

リーリー

パラメータはどこにも見つかりません。デフォルトでは 未定義です し、そのようなクエリパラメータに関連付けられたデータも見つかりません。

ここで理解すべき重要なことは、実際には何らかの方法でセレクターの各レベル (各ラッパー) にクエリパラメーターを渡す必要があるということです。

ここでの 1 つの方法は、セレクターを通じてパラメーターを「転送」することです:

リーリー

ここでは、RTK からエクスポートされた createSelector 関数を使用します。次に、コンポーネントで次のようなことを行います:

リーリー

これは、エンティティアダプターによって作成された selectAll セレクターを使用する場合は機能しますが、selectById を使用する場合、そのセレクターもパラメーター化されているため、問題が発生します。つまり、selectById セレクターは、取得するエンティティ ID の 2 番目の引数を取るように内部で定義されていますが、私が示したメソッドでは 2 番目の引数を使用してクエリパラメーター ( のフィルターフィルター) を渡します。場合）。

私の知る限り、完璧に機能し、次のすべてをカバーするソリューションはこれまでのところありません。

別のアプローチとしては、クエリパラメーターの特定の組み合わせに対してベースセレクターを動的に作成するいくつかのセレクターファクトリを作成することも考えられます。

私はかつて、あらゆる状況で使用できるこのようなラッパーを作成したことがあります。残念ながらプライベートパッケージなので共有できませんが、基本的な考え方は、

selectById と selectAll (および他のすべてのセレクター) の両方が正しく動作するようにパラメーターを変更することです。クエリパラメーターを 3 番目のパラメーターとしてセレクターに渡し、各エンティティアダプターセレクターをさらにラップします: リーリー

これは複雑に聞こえると思いますし、私もほとんど機能させたことがないので、この方向には進まないようにしてください :)

途中で見つけた役立つ記事は

こちらまた、コンポーネントレベルでセレクターを作成し、それを記憶するいくつかの方法についても説明されていますが、まだすべてを試したわけではありません。ご覧ください。特定の問題を解決する簡単な方法が見つかるかもしれません。