api - 在react-redux应用程序中获取详细api数据的好习惯

Question

当您处理多个主详细信息 View 时，在 React 应用程序中获取详细信息数据的最佳实践是什么？

例如，如果您有
-/rest/departments api 返回部门列表
-/rest/departments/:departmentId/employees api 返回部门内的所有员工。

要获取我使用的所有部门:

componentDidMount() {
  this.props.dispatch(fetchDepartments());
}

但是我需要一个逻辑来获取每个部门的所有员工。在部门 reducer 逻辑中为每个部门调用员工操作创建者是个好主意吗？

在渲染方法中调度员工操作对我来说看起来不是一个好主意。

Answer 1

在部门 reducer 中调用员工操作创建者当然是一个坏主意，因为 reducer 应该是纯函数；您应该在 fetchDepartments 操作创建器中执行此操作。

无论如何，如果您需要获取每个部门的所有员工(而不仅仅是所选部门)，那么进行多次 API 调用并不理想:如果可能，我会要求后端开发人员有一个返回的端点部门数组，以及每个部门嵌入的员工数组，当然，如果数字不是太大的话......