reactjs - 如何减少 redux 样板文件

标签 reactjs redux

我是 redux 的新手,我发现每一件小事 x 都会变成 x_success 和 x_failure,通常是在获取数据或尝试创建新实体时,这意味着更多的操作创建者,以及 reducer 中的更多处理。这里推荐的方法是什么?谢谢。

最佳答案

推荐的方法是 x_success、x_failure 等。但这仅适用于异步操作。让我们看看为什么:

SPA 中的异步操作是您想了解的操作

  1. 操作开始时,

  2. 当您收到回复时

  3. 响应类型,成功或失败

这样您将拥有返回对象的单独 Action 创建者函数和一个可以返回函数而不是对象并从其主体调用其他 Action 创建者的异步 Action 创建者函数。

由于上述原因,您应该有单独的 Action 创建者,一个异步 Action 创建者,当然对于每个 Action 创建者,您应该在 reducer 中拥有一个常量。

假设您在单独的文件夹中编写常量、操作和化简器,这可能是一场噩梦。如果是这种情况,你应该看看这里duck modular redux

Duck 模块化 redux 是您应该明确实现的东西,以减少样板文件。其他的东西,比如单独的 Action 创建者、单独的常量、单独检查 reducer 的常量都是需要的。没有什么可感到难过的。

关于reactjs - 如何减少 redux 样板文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39638753/

相关文章:

javascript - React Leaflet - 在 map 中心对齐弹出窗口

redux - 我正在改变这个 reducer 中的状态吗?

reactjs - 可以在没有连接的情况下调度操作吗?

javascript - 无法将 undefined 或 null 转换为对象 redux

reactjs - 如何通过 redux-persit 阻止 redux-form 的 "form"状态自动重新水化

javascript - 在 Ant.design 和 React.js 中获取 Radio 的文本

javascript - 在 React 中使用 Jquery 的正确方法是什么?

javascript - 文本框 Uncaught TypeError : Super expression must either be null or a function, not undefined

reactjs - 您是否应该在 Redux 中间件内多次调度或调用 next ?

javascript - 将 Prop 传递给 makeStyles 并在 Material UI 的 CSS 速记属性中使用