使用redux在React组件中加载嵌套数据

问题描述:

我有一个问题。我有一个redux商店,我有这样的一些数据:使用redux在React组件中加载嵌套数据

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

玩家列表是指我的数据库后端的ID。

然后,我有一个TeamComponent,我需要显示的名称和球员,对于球员我还有一个组件,该组件中,我想重复的球员,并显示玩家姓名,照片等年龄

但我不知道如何将数据传递给该组件,因为我只有ids(1,2,3,4),我应该做一个ajax请求,然后呈现子组件?但我应该在哪里存储这些数据?因为我想让自己的店铺尽可能简单。

在此先感谢

+0

您是否已将玩家的信息存储在您的商店中? – BravoZulu

+0

如果您不需要从播放器组件以外的任何地方访问播放器数据,请勿将播放器数据保持为全局状态。在这种情况下,将player_id作为道具传递给玩家组件,并在'componentDidMount'处发出ajax请求(假设你没有玩家数据)。一旦请求完成更新播放器组件的状态。 – AKT

你要善于通过以下步骤:

  1. 假设你有某种REST API和fetching logic - 从顶部构件与球员相关的资源请求数据。

  2. Add received data to the state tree。你应该分别有teamsplayers减速器。

  3. Map state to props inside components并呈现必要的数据。