ReactとReduxを使用してアプリケーションを開発しており、設計上の疑念が生じます。ポイントは、いくつかの定数を返すいくつかのAPIリクエスト(私はfetchとredux-thunkを使っています)をストアに入れる必要があるときです。この定数はいくつかのコンポーネントで使用されますが、ユーザーがデータを読み込んでいないため、データをフェッチしない別のコンポーネントに直接移動するため、特定のコンポーネントに接続できません。これを処理する最善の方法は何ですか?どのようにしてReduxに実装し、 "initialState"するのが最適な方法ですか? また、fetch APIで複数のリクエストを処理することも可能ですが、たとえば$ q allと同様ですか?Reduxで複数の非同期呼び出しを使用して初期状態を設定する
0
A
答えて
0
ルートコンポーネントでは、APIをcomponentDidMountライフサイクルメソッドで呼び出し、返された値で状態を取り込むことができます。状態はすべてのアプリのコンポーネントで共有されます。
通話をしたいコンポーネントはステートレスな機能性成分である(したがって、ライフサイクルメソッドを持っていない)場合は、ここで示したように、あなたはそれをラップすることができます:
https://egghead.io/lessons/javascript-redux-fetching-data-on-route-change
(の残りの部分そのコースは非同期のコールをカバーし、サンクを使用しています - 必見です!)
関連する問題
- 1. react router redux同形アプリの初期状態設定
- 2. 非同期呼び出しで同期関数をラップする#
- 3. redux-sagaを使った非同期API呼び出し
- 4. 非同期呼び出しでクエリパラメータにアクセスする(react redux)
- 5. 結果を使用したAngularJSでの複数の非同期呼び出し
- 6. 複数の非同期呼び出しをスレッドする
- 7. 非同期呼び出し
- 8. 複数の非同期api呼び出しを使用するオーセンティケータ
- 9. TCP/IP、非同期呼び出しで初期化するグローバル変数
- 10. Node.js - 複数の非同期呼び出しを待ちます
- 11. 非同期に非同期デリゲートを呼び出しますか?
- 12. 状態の更新後に非同期関数を呼び出す方法は?
- 13. Pythonでの同期呼び出しへの非同期呼び出し
- 14. 非同期メソッドを使用してXigniteを呼び出す
- 15. C++での複数の非同期呼び出し
- 16. ES6:非同期呼び出しでジェネレータを使用する
- 17. 複数の非同期呼び出しを行うREQUIRE unique userStates?
- 18. reactJsの初期呼び出しの空の状態の値
- 19. 非同期ライブラリから非同期呼び出しを行う?
- 20. 非同期メソッドで非同期呼び出しスタック
- 21. パラメータを使用した非同期呼び出しの呼び出し方法
- 22. Redux Saga - 非同期コールバック内で "yield put"を呼び出す
- 23. 非同期呼び出しを同期化する方法
- 24. 非同期呼び出し後のタイマーの設定
- 25. WCFサービスへの複数の非同期呼び出しのスレッディング
- 26. ノードFTP:ループ内の複数の非同期呼び出し
- 27. 非同期呼び出しで同期変数を追跡する方法
- 28. 同じ状態キーを初期化するReduxレデューサー
- 29. 非同期呼び出し使用してNodeJS
- 30. 返信のある関数で非同期呼び出しを呼び出す