React/Flux - 为什么我需要一个action-dispatcher？

Question

React/Flux - 为什么我需要一个action-dispatcher？

7

我明白我需要一个emit.change()分发器，让所有的组件都知道存储器内部发生了变化。但我不明白为什么我需要分派操作而不是直接从操作内部调用存储器。

也就是说，我为什么要这样做：

var Dispatcher = require('dispatcher');
var MyActions = {
    addItem: function(item){
        Dispatcher.dispatch({
              action: 'ADD_ITEM',
              payload: item       
       })
    }
}

相比之下：

var MyStore = require('mystore');
var MyActions = {
    addItem: function(item){
        MyStore.addItem(item);
    }
}

这是针对多个商店同时监听同一事件的情况，例如当 StoreA 和 StoreB 同时监听 ADD_ITEM 事件时？

- Felix Hagspiel

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Bhargav Ponnapalli · Accepted Answer

调度程序在被调用时逐个触发操作。你需要一个调度程序，因为：

你希望应用程序状态原子性地改变。这意味着，在同步方式下 s1->s2(a1)，s2->s3(a2)。而不是 s1->s3（因为 a1 和 a2）。如果你不这样做，你将不得不担心其他操作和这个特定操作一起触发，并猜测所有这些组合的应用程序状态将如何改变。这就是所有混乱的源头，你的代码将变得难以维护。想象一下，在存储中为每个操作编写一个 if-else 块，以检查其他操作是否也处于活动状态。 调度程序确保它不会在已经 dispatching 的情况下分派。一次只有一个 dispatch。使你的状态树非常健康。
此外，调度程序维护一个回调数组，用于每个“action”触发回调。这对于为相同操作调用多个存储库上的回调非常有用。当存储库订阅操作（使用 register）时，调度程序添加与之关联的 registerHandler 并将其添加到数组中。借助此功能，您可以在需要时注册/注销存储库。并根据操作类型，您可以相应地对所有已注册的存储库进行更改。如果你不使用调度程序，则必须在编写操作部分时担心所有需要通知的存储库。 糟糕!
采用这种方法，你唯一需要关注的就是向调度程序发送一个操作。其余的都由调度程序处理，通知所有需要基于操作 change 的存储库。由于存储库具有触发视图的回调函数，因此只要需要，这些回调函数就可以被调用。这使得你的代码非常模块化。