reactjs - 在 react 中进行计算和数据调整是不好的做法吗？

Question

我有一个传奇，每 10 秒在 POLL 操作上运行一次，以更新 GUI 上的当前状态。

当发生 POLL 时，我需要进行一些调用才能沿着其余界面找到我关心的组件。总共有 1-5 个组件，对于每个组件，我都需要对组件的 Foo 和 Bar 元素进行单独的剩余调用。

然后在某些时候我需要做一些求和，将 Foo 和 Bar 数据组合在一起以获得我的表所期望的结构，用于列出组件，计算仪表板中所有组件的一些总计等。所有工作都不是 cpu密集，但它增加了相当多的代码，因为我有很多东西需要调整。

目前我正在 Saga 中执行所有这些操作，但我不确定这是否被认为是不好的做法？我觉得 reducer 是数据调整的一般“去处”，但抛出一个具有如此大负载的操作感觉很奇怪，来自传奇中每个调用的所有响应，因为其余大部分响应都是我不知道的数据不在乎。我也喜欢在传奇中进行所有处理，这样我可以在一切结束时决定，而不是传递一个错误操作来向用户显示错误，或者传递一个成功操作来清除任何以前的错误，一些决定是我的想要清除该 Action 需要对数据进行更多处理。

我唯一担心的是生成器变得相当大，有很多辅助方法在 saga 类中感觉有点不合适来进行处理(无论我怎么想，它们都需要移动到 utils 类中) )。处理并不太昂贵，而且我正在使用生成器，因此我认为处理不会对 saga 的“线程”产生明显影响。不过，如果有推荐的最佳实践，我想坚持下去。我是否打破了标准做法，对我的传奇中的数据进行所有调整并向 reducer 发送一个按格式设置的对象，以便将其存储到状态中而无需任何其他处理？

Answer 1

这实际上是 Redux FAQ on "where should my business logic live?" 解决的常见问题的一个具体案例。 。引用那个答案:

Now, the problem is what to put in the action creator and what in the reducer, the choice between fat and thin action objects. If you put all the logic in the action creator, you end up with fat action objects that basically declare the updates to the state. Reducers become pure, dumb, add-this, remove that, update these functions. They will be easy to compose. But not much of your business logic will be there. If you put more logic in the reducer, you end up with nice, thin action objects, most of your data logic in one place, but your reducers are harder to compose since you might need info from other branches. You end up with large reducers or reducers that take additional arguments from higher up in the state.

在“ Action 创建”方面拥有逻辑(无论是在组件、thunk、sagas 还是中间件中)并没有什么问题，它会做大量的工作来准备和格式化数据，并且让 reducer 简单地存储要存储的内容。包含在行动中。另一方面，reducer 端拥有更多逻辑可能意味着时间旅行调试将重新运行更多实际代码，为您提供更多编辑和重试行为的机会。

总的来说，听起来您所做的事情是完全合理的。