samuelalvin / react-mobx-mobxstatetree Goto Github PK

export const Project = types.model("Project", {
    id: types.number,
    name: types.string,
    isActive: types.optional(types.boolean, false)
})
.views(self => ({
    get root() {
      return getParent(self)
    },
    get  otherRoot() {
      return 'this is ok!' 
   },
    get isLoading(): boolean {
        return  self.root.isLoading
    }
}))
.actions((self) => ({
  ....
}));

export const ProjectStore = types.model("ProjectStore", {
    projects: types.array(Project)
})
.views(self => ({
    get isLoading(): boolean {
        return false
    }
}))
.actions((self) => ({
   .....
}));


export type IProject = typeof Project.Type;
export type IProjectStore = typeof ProjectStore.Type;