javascript - 触发动作的回流错误

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 的处理程序。

难道我做错了什么？

请帮忙！

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

Answer 1

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

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