React的FLUX中如何识别组件
How to identify component in FLUX of React
我是 FLUX 的新手,所以我从他们网站上的 TODO 示例开始:
https://facebook.github.io/flux/docs/todo-list.html
在Listening to Changes with a Controller-View 部分:
TodoApp 中有事件绑定:
componentDidMount: function() {
TodoStore.addChangeListener(this._onChange);
}
和this._onChange
就像:
_onChange: function() {
this.setState(getTodoState());
}
TodoStore 的 addChangeListener 是这样的:
addChangeListener: function(callback) {
this.on(CHANGE_EVENT, callback);
}
这里让我困惑的是:
似乎商店只是简单地注册了 _onChange()
,但是 如果页面上呈现多个 TodoApp,TodoStore 如何知道需要调用谁的 _onChange()。
TodoStore 只是发出事件,每个正在侦听该存储的组件都会更新。因此,如果页面上有两个 TodoApp
,它们都会更新。
我是 FLUX 的新手,所以我从他们网站上的 TODO 示例开始: https://facebook.github.io/flux/docs/todo-list.html
在Listening to Changes with a Controller-View 部分:
TodoApp 中有事件绑定:
componentDidMount: function() {
TodoStore.addChangeListener(this._onChange);
}
和this._onChange
就像:
_onChange: function() {
this.setState(getTodoState());
}
TodoStore 的 addChangeListener 是这样的:
addChangeListener: function(callback) {
this.on(CHANGE_EVENT, callback);
}
这里让我困惑的是:
似乎商店只是简单地注册了 _onChange()
,但是 如果页面上呈现多个 TodoApp,TodoStore 如何知道需要调用谁的 _onChange()。
TodoStore 只是发出事件,每个正在侦听该存储的组件都会更新。因此,如果页面上有两个 TodoApp
,它们都会更新。