問題タブ [rtk-query]

公式ページのかなりまばらなチュートリアルに従おうとしても、うまくいきません。

基本的に、API 呼び出しのパラメーターに基づいて特定のヘッダーを追加しようとしていますが、そのようにエンドポイントを構成する方法がわかりません。

次のコードは、RTK クエリを使用して Redux フックを作成します。

コードの最後の行は、Typescript コンパイル時エラーをスローします。

私のコードは、Typescript 4.3.5 を使用してhttps://redux-toolkit.js.org/rtk-query/usage-with-typescriptから変更されています。

何が悪いのかわかりません。何か案は？

RTK Queryでアクセストークンが無効になった場合のインターセプターを構築しようとしています。ドキュメントの例で作成したので、次のようになります。

問題は、 がリフレッシュ トークンをtoken/refresh/含むリクエストを予期していて、この行を再構築してパラメータを受け入れてリクエストを行うPOST方法がわからないことです。const refreshResult = await baseQuery('token/refresh/', api, extraOptions);POST

わかりました。RTK Query のドキュメントをほぼすべて読んで、RTK Query のキャッシングについて読んだと思います。現時点で必要なものではありませんが、かなり大きな部分を占めているようです。

そのため、クラスベースのコンポーネントで RKT Query を使用して簡単なクエリを実行し、Redux Store からエンドポイント呼び出しの isLoading 状態を選択しようとしています。ただし、現在、render() {}私のLoginPage.jsxでは、 内でのendpoint.<name>.select()(state) 呼び出しが機能していないようです。(以下のコードを参照)。mapStateToPropsLoginPageContainer.jsx

クラスでRTKクエリを使用するドキュメントの例を見ると、.select(<cache_key>)(state)呼び出しに「キャッシュキー」がないようです。ただし、エンドポイントにはまだタグを組み込んでいません (まだタグは必要ないと思います)。

私の質問：

select()React Hooksの外部で使用されるRTKクエリ生成エンドポイントのメソッドの適切な使用法について誰かが光を当てることができますか? 自動再フェッチのキャッシュ タグの背後にある考え方は理解していますが (ただし、ここで何が問題なのかはわかりません)、クラス コンポーネントで実行中のエンドポイント クエリの状態を取得するために、ここで欠落しているキャッシュ キーをどのように、またはどのキャッシュ キーが欠落しているかはわかりません。 . みんな、ありがとう！

コード：