MobX和MobX状态树(反应/反应本机)

时间:2020-04-23 04:38:53

标签: reactjs react-native mobx mobx-react mobx-state-tree

我正在React Native中开发并使用MobX库。

问题是..

通常同时使用MobX和MobX状态树吗?

我想在Vanilla MobX中使用Store。

以及MobX状态树中的模型。

示例:

Rootstore.ts

import TestStore from './TestStore'

export default class RootStore {
  public store1: TestStore;
}

export const rootStore: RootStore = new RootStore();

TestStore.ts

import { observable } from 'mobx';
import TestModel from './TestModel';

export default class TestStore {
  @observable testModels: { name: string; age: number }[];

  @action addModel() {
    this.testModels.push(TestModel.create({ name: 'Foo', age: 5 }));
    console.log(this.testModels);
  }
}

TestModel.ts

import { types } from 'mobx-state-tree';

export default types
  .model('TestModel', {
    name: types.string,
    age: types.number,
  })
  .views((self) => ({
    get isNameLong() {
      return self.name.length > 15;
    },
  }))
  .actions((self) => ({
    addAge() {
      self.age++;
    },
  }));


我应该只使用一个图书馆吗?

0 个答案:

没有答案