reduxを使用して入れ子になったデータをReactコンポーネントにロード

Question

質問があります。私はこのようないくつかのデータを持っているreduxストアを持っています：

team : { 
name: "team name" 
id: 2, 
players : [ 1, 3, 4, 5 ] 
} 

プレーヤーリストはデータベースのバックエンドのIDを参照しています。

それから私は、など私は私が選手を反復処理し、プレイヤー名を表示したい、そのコンポーネントで、別のコンポーネントを持っているプレーヤーのために、名前とプレーヤーを表示する必要がTeamComponent、フォト年齢

を持っています

しかし、私はちょうどids（1,2,3,4）を持っているため、そのコンポーネントにデータを渡す方法がわかりません。なぜなら、私はajaxリクエストを作成してから、子コンポーネントをレンダリングすべきですか？そのデータをどこに保存すべきですか？店をできるだけシンプルにしたいからです。事前

Answer 1

で

おかげであなたはこれらのステップと良いことがあります：

1. あなたには、いくつかのREST APIの種類とfetching logic持っていると仮定 - 関連リソースなどのプレーヤーでトップコンポーネントから要求データを。

2. 。 teamsとplayersレデューサーを別々に用意する必要があります。

3. Map state to props inside componentsと必要なデータをレンダリングします。