触发动作的回流错误

Question

这要么是一个大错误，要么我无法理解为商店触发的不同操作使用不同的视图 (React) 处理程序的有用性，如果所有处理程序都被调用，则每个操作都被调用。

这就是我的意思：https://jsfiddle.net/69z2wepo/10946/

预期输出：

action 1 handler triggered from action 1
-----------------
action 2 handler triggered from action 2

我实际得到的：

action 1 handler triggered from action 1
action 2 handler triggered from action 1
-----------------
action 1 handler triggered from action 2
action 2 handler triggered from action 2

仅通过查看此输出，我就可以说这是错误的。但要澄清一下：动作 1 应该只触发动作 1 的处理程序，动作 2 应该只触发动作 2 的处理程序。

我做错了吗？

请帮忙！

P.S: 我也尝试手动使用 ComponentDidMount 和 this.listenTo;相同的行为。

Answer 1

从概念上讲，我认为您对 Flux 有一点误解。该组件不监听操作/事件，它监听存储中数据的变化。因此，您看到的是正确的，因为在这两种情况下，您都使用 trigger 来表示商店已更改。

组件只关心 触发 动作，而不是消耗它们。因此，在组件中将 onAction1 和 onAction2 标记为“处理程序”并不真正正确。