我正在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++;
},
}));
我应该只使用一个图书馆吗?