反应视图未成功收听商店

Question

我有a React controller-view 订阅了两个不同的商店，并启动了将导致它们各自发出的调用：

componentWillMount() {
  UserStore.addChangeListener(this._onChange);
  EventStore.addChangeListener(this._onChange);
}

componentDidMount() {
  UserService.getUser(this.props.params.slug)
  EventService.fetchEventsForUser(this.props.params.slug);
}

对于UserStore 监听器，这很好用。从 API 中获取用户，返回到 the UserStore，它会发出更改。如果我将console.log 语句放入其中，我可以完全按照我的预期看到所有这些流程，以我的控制器视图的_onChange 函数结束。

但是。由于某些莫名其妙的原因，添加到the EventStore 的更改侦听器没有触发。从 API 正确获取事件，然后返回到我期望的 EventStore 方法，该方法正确更新 EventStore 的内部状态，它甚至触发 emitChange() 就好了（我已经通过大量验证console.log 声明）。但是控制器视图中的_onChange 永远不会被调用！

我一直在尝试解决此问题近两位数的时间。我不觉得比开始时更接近答案了。我什至不知道在哪里看。

---

其他说明

• 我尝试从我的控制器视图中删除UserStore 监听器，只是在UserStore 中设置静态内容。我想也许两次更新之间可能存在竞争条件。没有任何改变。
• 我尝试将控制器视图的_onChange 拆分为两个单独的函数，再次怀疑它们不能很好地配合使用。但是console.logs 表明_onUserChange 被按预期调用，但_onEventChange 根本没有被调用。
• 这曾经有效！在我一直链接到分支的拉取请求的主分支中，它有效！一切的结构都有些不同，我一直链接到的控制器视图只监听UserStore 的变化，而它的子组件监听EventStore 的变化。但是，如果我复制这个结构，它仍然不起作用。在我的新分支中，任何正在监听 EventStore 更改的组件似乎对这些更改完全置若罔闻。
• 同样在master、EventStore 上进行了比现在更多的计算。不过，我非常怀疑它的缓慢是否会让它的听众更有可能听到它。 UserStore 也同样简单，听众听着也没有问题。
• 有时它确实工作。大约 100 个页面加载，它工作。组件更新其状态，服务器加载的内容实际显示。我无法重现此问题或确定是什么原因造成的。
• Another component in this app 也会监听 EventStore 的变化，但也很少听到它们。
• 您可以在http://life.chadoh.com/#/chadoh 看到它无法正常工作。如果您随后访问http://life.chadoh.com/#/chadoh/week/0，您将看到已从服务器正确加载了一个事件。但由于某种原因，听众没有被提醒。如果您在 http://life.chadoh.com/#/chadoh/week/0 上刷新页面，则侧边栏将永远不会更新事件（区别在于它是在 EventStore 已经加载数据之前还是之后最初呈现的）。
• 将EventStore 中的get events() 方法更改为常规events() 无效。
• 将EventService.fetchEvents 调用放在setTimeout 中不会产生更好的结果。
• 将listen 调用放在构造函数中不会产生更好的结果。

Answer 1

我看到EventsStore 扩展了BaseStore，它扩展了events.EventEmitter。那是 node.js 标准库事件发射器吗？

如果是这样，您可能在 _events 上存在命名冲突。

您的商店使用_events 保存数据：https://github.com/chadoh/life/blob/no-dates/src/stores/EventStore.js#L10

但EventEmitter 也使用_events 来存储事件处理程序：https://github.com/joyent/node/blob/d13d7f74d794340ac5e126cfb4ce507fe0f803d5/lib/events.js#L140-L186

因此，事件数据可能会覆盖事件处理程序的集合，导致处理程序永远不会触发（因为它们不存在！）。

您可以尝试使用不同的密钥来保存数据（例如_eventData），看看是否能解决您的问题！