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

标签 api reactjs redux

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

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

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

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

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

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

最佳答案

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

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

关于api - 在react-redux应用程序中获取详细api数据的好习惯,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45782322/

相关文章:

android - Spotify Web API URL 请求语法

api - 图形 API '/feed' 连接需要访问 token ,即使对于页面上的公共(public)数据也是如此

javascript - React TypeError : _this2. props.variations.find 不是函数

javascript - 为什么在reducer中使用switch case?

javascript - 如何在 Javascript 中不可变地更新 map

macos - 运行时 API 可用性检查(弱链接)——10.5 上的不正确行为

php - 如何在 PHP 中使用 Mojang API

reactjs - Formik - 在 API 调用后更新初始值

css - 如何在不使用任何对象 webpack sass loader 的情况下按原样使用 sass 类名?

javascript - 拉取api时redux中未定义数据