使用redux

Question

我有一个问题。我有一个redux商店，我有一些这样的数据：

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

播放器列表指的是我的数据库后端中的ID。

然后我有一个TeamComponent，我需要显示名称和玩家，对于我有另一个组件的玩家，在该组件中我想迭代玩家并显示玩家姓名，照片年龄等。

但我不知道如何将数据传递给该组件因为我只有id（1,2,3,4），我应该发出ajax请求然后呈现子组件吗？但是我应该在哪里存储这些数据？因为我想让我的商店尽可能简单。

提前致谢

Answer 1

您应该熟悉以下步骤：

1. 假设您有某种REST API和fetching logic - 从顶级组件请求数据，并将玩家作为相关资源。

2. <强> Add received data to the state tree 即可。您应该单独使用teams和players缩减器。

3. Map state to props inside components 并提供必要的数据。