如何初始化 MobX 状态树的叶/子存储

Question

我的 MobX 状态树模型是这样的

const ProductItem = types
    .model({
        name: types.string,
        price: types.number
    })
    .actions(self => ({
        changePrice(newPrice) {
            self.price = newPrice;
        }
    }));

const ProductStore = types
    .model({
        items: types.optional(types.array(ProductItem), [])
    })
    .actions(self => ({
        add(item) {
            self.items.push(item);
        }
    }));

const AppStore = types.model('AppStore', {
    productStore: types.maybeNull(ProductStore)
});

AppStore 是根存储。

我想创建AppStore 并为ProductStore 初始化以下数据。我创建了以下函数来初始化和创建商店：

export const initializeStore = (isServer, snapshot = null) => {

    if (isServer) {
        AppStore.create({
              .....
        });
    }   

    return store;
};

我不确定应该如何在 AppStore.create() 中使用这个数组初始化 ProductStore：

items: [
            {
                name: 'Product 1',
                price: 150
            },
            {
                name: 'Product 2',
                price: 170
            }
        ]

任何帮助将不胜感激。

Answer 1

初始数据可以这样给出

AppStore.create({
  productStore: {
    items: [
      {
          name: 'Product 1',
          price: 150
      },
      {
          name: 'Product 2',
          price: 170
      }
    ]
  }
});

因为ProductStore 在您的AppStore 中的productStore 键下使用。