javascript - 为包含 id 数组的对象编写 Redux Actions 和Reducers 到其他对象

Question

我刚刚开始使用 Redux/Reactjs，正在编写一个 Web 应用程序，其中包含服务器上的 user 和 group 对象:

// example user
user = {
  name: 'joe bloggs',
  age: 30
};

// example group
group = {
  title: 'Main Group',
  members: [userid1, userid2...useridn]
};

我有一个基本的user和group reducer ，我正在尝试编写一个action来获取group code> 来自服务器的数据和所有成员的列表。 members 字段是一个 id 数组，映射到特定的用户。

如何构造 actions 和 reducers 来获取 group 等对象，以便它们可以由 React 组件显示？我的 react 组件是否需要调用group和user操作来获取group，然后是成员中的每个user大批？这似乎是大多数 Web 应用程序中的常见模式，但我找不到 redux 示例。非常感谢任何帮助或指向现有代码的指示。

Answer 1

我会执行以下操作:

1. 为您的用户添加唯一的 ID。
2. 将groups内的members设为一个ID数组。
3. 更改 React 组件，使其接收成员和群组。

使用react-redux连接器时，您可以执行以下操作:

groups: state.groups.map((group) => ({...group, members: group.members.map((id) => state.user[id])})),

因此该组件将接收带有用户数组的组，而不是它们的 ID。