reactjs - 是否应该在reactjs Flux中存储调用操作？

Question

我当前的reactjs/flux实现是让组件调用操作，操作调用Web api，然后再返回到商店。

我有一组复选框，其中复选框的状态在商店中管理，但每次更新复选框时，我都想向服务器查询商店的状态。我现在被迫做的是在单击复选框时调用一个操作来更新复选框存储，在复选框存储中将变量设置为“queryServer”，然后在复选框组件中检查“queryServer”并执行另一个操作查询服务器。

如果组件和存储都可以进行操作调用，那么看起来会更简单，这样，当我更新复选框存储时，我可以启动直接查询服务器的操作，而无需设置愚蠢的“queryServer”变量并让组件检查该操作.

虽然它看起来确实让事情变得更简单，但它似乎违背了 Flux 架构的本质，即所有操作都是从 View 发起的。

Answer 1

我的方法是将商店的状态提取到 View 中并将其传递给从那里的操作。这将使您的商店尽可能保持愚蠢，只需在数据进入应用程序时接收数据即可。

更具体地说，您的商店将有一个 getData 函数，用于返回存储的原始数据。在您的组件中，复选框的点击处理程序将包含如下所示的代码:

var data = MyStore.getData();
MyActions.queryServer(data);

然后，您的操作将进行 API 调用(因为它可能是执行异步操作的最安全位置)并通过调度程序将新数据传递到您的存储。