MobX с MobX State Tree (React / React Native) - PullRequest
Новая
       53

MobX с MobX State Tree (React / React Native)

0 голосов
/ 23 апреля 2020

Я занимаюсь разработкой в ​​React Native и использую библиотеку MobX.

Вопрос в том, что ..

Обычно используется дерево состояний MobX и MobX?

I хотите использовать Store в Vanilla MobX.

и модели в MobX State Tree.

пример:

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++;
    },
  }));

Стоит ли использовать только одну библиотеку?

...