javascript - 往返商店的通量事件？

Question

我正在尝试了解 Flux，实际上我得到了一个人为的示例，但我对事件流有点困惑。假设我定义了一个名为 TestAction 的操作。我的 View 有一个发出该事件的 onClick ；

Dispatcher.dispatch(new TestAction(this.state.currentValue));

太好了，它流向商店。到目前为止，一切顺利，我明白了。

现在，我的商店可以发挥它的魔力，与服务器对话等并自行更新。然后，出于某种原因，所有示例都显示商店正在按照这些思路做一些事情；

Dispatcher.register((action: Action) => {
  if (action instanceof TestAction) {
    var text = (<TestAction>action).text;
    console.log('Store got: ', text);
    this._text = text + '_';
    this.emit(TestStore.TEST_EVENT, this._text);
  }
});

所以我想我的问题是，为什么它会触发相同的事件？是专门让dispatcher来处理waitFor的吗？它本质上理解同一事件返回意味着什么吗？

Answer 1

Views 是 React 组件，每当事件(如点击)发生时就会发出 action 。

这些操作然后使用 utils/apis 获取/推送数据到服务器，然后使用此获取/推送的数据通过调度程序作为有效负载发送。

Dispatcher 是一种通知多个存储有关更新的中央机制，更新是与特定操作类型一起分派(dispatch)的有效负载。

存储特定类型操作类型的寄存器。每当调度程序发送有关该操作类型的更新时，存储都会使用该数据更新自身，并发出更改事件，表示存储状态已更改。

Views 订阅这些存储，每当存储发出更改事件时， View 就会更新其存储并重新渲染自身。这是一个完整的数据流循环。当 View 中发生特定事件时，循环再次开始。

单向数据流-

View -> 操作 -> 调度程序 -> 存储 -> View

这是一篇关于更多详细信息的好文章 - https://medium.com/brigade-engineering/what-is-the-flux-application-architecture-b57ebca85b9e