reactjs - React/Redux 中的两种操作风格?

标签 reactjs redux react-redux

我在 Redux 中看到以下两种操作风格:

来自the documentation :

export function createFoo(foo) {
  return {
    type: ActionTypes.CREATE_AUTHOR,,
    foo
  }
}

...以及另一个教程 (PluralSight):

export function createFoo(foo) {
  var newFoo = FooApi.saveFoo(foo);

  Dispatcher.dispatch({
    actionType: ActionTypes.CREATE_FOO,
    foo: newFoo
  });
}

后者似乎有更多的责任,创建一个作者实例并分派(dispatch)一个事件。

为什么方法上有差异?这是两个不同的习惯用法(可能期望中间件执行调度?)。

最佳答案

第二个示例似乎来自原始 Flux 实现,而不是 Redux。 Redux 没有单独的“调度程序”,并且要求操作具有 type 字段。

您可能有兴趣阅读我的博客文章 The Tao of Redux, Part 1 - Implementation and Intent ,其中详细介绍了 Redux 所需的实际技术限制及其原因,以及其创建背后的历史和初衷。

关于reactjs - React/Redux 中的两种操作风格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44766113/

相关文章:

javascript - 继电器 : How to merge instead of override queries in nested routes?

javascript - 如何将 JS 脚本标签添加到 React App 的 ComponentDidMount 中?

javascript - 我正在react-redux-firebase项目中将类组件重写为功能组件

Redux RTK 查询 : getDefaultMiddleware is not a function

javascript - 如何使用 API 响应设置 useReducer 初始状态?

reactjs - 为什么脚本评估需要这么长时间?

real-time - 有什么办法可以将 Redux 中的状态设为 "commit"以释放内存?

javascript - 在mapStateToProps之前初始化状态?

react-native - 如何在app.js文件中使用mapStateToProps?

javascript - 不知道如何使用钩子(Hook)在 redux 状态下正确访问获取结果