/ / Reduxで複数の非同期呼び出しを使用して初期状態を設定する - reactjs、redux、fetch

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

私はReactとReduxを使ってアプリを開発していますデザインの疑いで終わる。ポイントはいくつかの定数を返すいくつかのAPIリクエスト(私はfetchとredux-thunkを使用しています)をストアに入れる必要があるのですが、この定数はいくつかのコンポーネントで使用されています。ユーザーがそれをロードしていない可能性があり、データをフェッチしない別のコンポーネントに直接移動している可能性があるため、特定のコンポーネントに接続する必要があります。どのようにしてReduxに実装し、 "initialState"するのが最適な方法ですか? また、フェッチAPIでは複数のリクエストを処理することも可能ですが、例えば$ qをすべて使用していますか?

回答:

回答№1は0

ルートコンポーネントでは、 componentDidMount ライフサイクルメソッドを使用して、状態に戻り値を設定します。状態はすべてのアプリケーションのコンポーネントで共有されます。

呼び出しを行うコンポーネントがステートレス機能コンポーネントである場合(したがって、ライフサイクルメソッドを持たない場合)、以下のようにラップすることができます。

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

(このコースの残りの部分は、非同期呼び出しとサンクを使用しています。