reactjs - Redux はすべての API リクエストでトークンを使用します

Question

React Native、Redux、Redux Saga を使用してアプリを開発しようとしています。

次のログインフローがあります。

1. ログインフォーム
2. ログイン試行アクション
3. ログイン佐賀
4. API 呼び出し
5. Login Reducer は認証トークンを保存します

複数のコンテナとコンポーネントがあり、それぞれがアクションを実行し、次にサガが API 呼び出しを実行します。コードをクリーンで再利用可能な状態に保ちながら、トークンをストアから API 呼び出しメソッドに渡す正しい方法は何でしょうか。

Answer 1

他のアプリ サガからのすべての API アクションを処理するAPI サガを作成できます。ここで effectを使用selectしてストアからトークンを取得し、 に渡しますAPI Call。API Callさらなる抽象化と DRY 原則のために、この物語から離れておいてください。このサガを呼び出すには、いくつかのオプションがあります: yield*redux アクションを直接使用するか、スローします。

Answer 2

これに対する私の解決策: fetch() を独自の関数でラップしてエクスポートします。新しいフェッチを redux に接続し、サガで使用します。