我有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.log
显示_onUserChange
按预期调用,但_onEventChange
从未被调用过。UserStore
中的更改,而其子组件则监听EventStore
中的更改。但是,如果我复制这个结构,它仍然无法工作。在我的新分支中,EventStore
中任何正在听取变化的组件似乎都对这些变化完全置若罔闻。master
上,EventStore
比现在做了更多的计算。我非常怀疑它的缓慢会使听众更有可能听到它。 UserStore
等同于简单,听众听到它没有问题。EventStore
更改,也很少听到它们。EventStore
之前或之后最初呈现了数据)。get events()
中的EventStore
方法更改为常规events()
无效。EventService.fetchEvents
来电置于setTimeout
内并不会产生更好的结果。listen
调用放在构造函数中不会产生更好的结果。答案 0 :(得分:4)
我看到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
)并查看是否能解决您的问题!