reactjs - 过滤、排序和搜索在哪里完成？在 REST 客户端(模型)或商店中？

Question

我理解的通量是这样的:

1. REST 客户端 API
   1. 将数据付诸行动
2. 行动
3. 调度员
4. 商店

但是，当以任何方式过滤、排序、搜索或聚合数据时，如何处理多个数据集并使它们可用于所有 View (组件)？

另外，如何防止API再次加载数据，而使用本地数据？这包含在 Flux 中吗？

Answer 1

对 Flux 似乎有不同的解释，一个常见的解释是数据从存储推送到组件，而不是由组件拉取。我不太同意这种解释，我的组件总是从商店中提取数据。

类似这样的事情:

React.createClass({
  getInitialState() {
    return {
      data: []
    };
  },
  componentWillMount() {
    this.loadData();
    SomeStore.on('change', this.loadData);
  },
  componentWillUnmount() {
    SomeStore.off('change', this.loadData);
  },
  loadData() {
    SomeStore.load({params: {...}})
      .then(data => this.setState({data: data}));
  },
  render() {
    return (
      <ul>
        {this.state.data.map(item => <li>item</li>)}
      </ul>
      <button onClick={SomeAction.add()}>Click me</button>
    );
  }
});

SomeAction.add() 调度 SomeStore 监听的事件，它将新事物添加到其状态中，然后发出 change 组件监听并再次提取数据的事件。