12、深入理解Flux存储状态的变化与管理

深入理解Flux存储状态的变化与管理

1. 加载文档与存储状态设置

当调用 loadDoc(2) 时，特定的存储会按预期设置其状态。不过，这依赖于将两个存储导入 main.js 的顺序。若交换导入顺序，先导入 docStore 再导入 docsStore ，可能无法得到预期结果。因为存储向调度器注册的顺序决定了它们处理动作的顺序。

2. 组合通用与特定数据

2.1 通用存储

通用存储可直接被视图使用，也能被特定存储用于扩展数据和转换状态。以下是一个通用组存储的示例：

import { EventEmitter } from 'events';
import dispatcher from '../dispatcher';
import { LOAD_GROUPS } from '../actions/load-groups';

// A generic store for user groups...
class Groups extends EventEmitter {
  constructor() {
    super();
    this.state = [];
    dispatcher.register((e) => {
      switch(e.type) {
        // Stores the payload of a group array "as-is".
        case LOAD_GROU