問題タブ [redux-middleware]

クラス メソッドを呼び出して認証ヘッダーをすべての axios リクエストに追加するカスタム ミドルウェアを作成しましたが、このフックがフックを使用して状態からデータを選択しようとするとエラーが発生しますuseSelector。

Invalid hook call. Hooks can only be called inside of the body of a function component

このミドルウェアから状態の accessToken ストアを取得するにはどうすればよいですか?

middlewares.ts

authManager.ts

提供されたドキュメントを使用して、redux プロジェクトを typescript に変換しようとしています。

https://redux.js.org/usage/usage-with-typescript#type-checking-middleware

ただし、カスタム ミドルウェアでそれを行うのに問題があります。これは、エラーの原因となる最小化および抽出されたコードです。

store.ts:

customMiddleware.ts:

これにより、いくつかのエラー メッセージが表示されます: on const store = configur...:

'store' は型注釈を持たず、独自の初期化子で直接または間接的に参照されるため、暗黙的に型 'any' を持ちます。

RootState エクスポート:

タイプ エイリアス 'RootState' が自身を循環的に参照しています。

customMiddleware エクスポート:

'customMiddleware' には型注釈がなく、独自の初期化子で直接的または間接的に参照されるため、暗黙的に型 'any' があります。

use effect hook は、react でのネットワーク リクエストなどの副作用を実行するために使用されます。

redux-thunk ミドルウェアは、react でのネットワーク リクエストなどの副作用を実行するためにも使用されます。

私はかなり混乱しています。実際のアプリケーションに違いがあるのでしょうか、それとも単に選択の問題なのでしょうか。