React Reflux Stores：带参数调用 trigger() 与不带参数的区别

Question

我有一个带有 Reflux 存储的 React 应用程序，其中一些组件侦听 trigger()，然后调用 Reflux 存储 getters 以检索其更新的状态。即

var Store = Reflux.createStore({
  init: function() {
    this.filterList = [];
    ... // listening to actions
  }

  onNewFilterItemAction: function(item) {
    this.filterList.push(item);
    this.trigger(...);
  }
});

使用参数调用trigger() 与不调用有什么区别？即：

  onNewFilterItemAction: function(item) {
    this.filterList.push(item);
    this.trigger(this.filterList);
  }

对比

  onNewFilterItemAction: function(item) {
    this.filterList.push(item);
    this.trigger();
  }

Answer 1

您可以选择性地更新。

  componentDidMount = () => { this.unsubscribe = BasicStore.listen(this.storeDidChange); }
  componentWillUnmount = () => { this.unsubscribe(); }
  storeDidChange = (id) => {
    switch (id) {
      case 'data1': this.setState({Data1: BasicStore.getData1()}); break;
      case 'data2': this.setState({Data2: BasicStore.getData2()}); break;
      case 'data3': this.setState({Data3: BasicStore.getData3()}); break;
      default: this.setState(getState());
    }
  }