Reduxで複数の非同期呼び出しを使用して初期状態を設定する

Question

ReactとReduxを使用してアプリケーションを開発しており、設計上の疑念が生じます。ポイントは、いくつかの定数を返すいくつかのAPIリクエスト（私はfetchとredux-thunkを使っています）をストアに入れる必要があるときです。この定数はいくつかのコンポーネントで使用されますが、ユーザーがデータを読み込んでいないため、データをフェッチしない別のコンポーネントに直接移動するため、特定のコンポーネントに接続できません。これを処理する最善の方法は何ですか？どのようにしてReduxに実装し、 "initialState"するのが最適な方法ですか？ また、fetch APIで複数のリクエストを処理することも可能ですが、たとえば$ q allと同様ですか？

Answer 1

ルートコンポーネントでは、APIをcomponentDidMountライフサイクルメソッドで呼び出し、返された値で状態を取り込むことができます。状態はすべてのアプリのコンポーネントで共有されます。

通話をしたいコンポーネントはステートレスな機能性成分である（したがって、ライフサイクルメソッドを持っていない）場合は、ここで示したように、あなたはそれをラップすることができます：

https://egghead.io/lessons/javascript-redux-fetching-data-on-route-change

（の残りの部分そのコースは非同期のコールをカバーし、サンクを使用しています - 必見です！）