React / Reflux商店活动

时间:2015-02-12 22:41:26

标签: reactjs refluxjs

将React与Reflux一起使用时,商店只有一个事件可供侦听组件。假设:

  • 我有一个包含产品列表的ProductStore
  • 我有两个组件可以监听此商店中的更改:对所有更改感兴趣的产品列表以及仅关注特定产品更新的详细信息页面

如何区分“list_refreshed'' list_refreshed'或者' item_updated'事件,第一个会发出产品清单的完整刷新信号,而后者只是更新一个产品?

1 个答案:

答案 0 :(得分:0)

不确定您的具体情况,但我为类似的事情所做的是更新商店的布尔值或属性。然后将事件发送到顶级组件。然后,顶级组件将根据链中的商店布尔值的返回值传递适当的更改。

在这里可以看到我从ItemStore获得一个布尔值:https://github.com/agmcleod/desert/blob/master/js/components/ProjectShow.react.js#L22

https://github.com/agmcleod/desert/blob/master/js/components/ProjectShow.react.js#L165

然后我将它传递给ItemList组件,如果它是真的,它将呈现带有文本框的空项。我有一个动作触发商店将该布尔值设置为true。