基于mobx模块化封装
store/list.Store.js
import {makeAutoObservable, computed} from "mobx-react-lite"
class ModuleA { list = [1,2,3,4]
constructor(){ makeAutoObservable(this,{ listFilter: computed }) }
get listFilter(){ this.list.map(_=>{_>2}) }}store/count.Store.js
import {makeAutoObservable, computed} from 'mobx-react-lite'
class ModuleB { count = 0
constructor(){ makeAutoOvservable(this,{ countPlus:computed }) }
countPlus=()=>{
}}store/index
import {makeAutoObservable} from 'mobx-react-lite'
import {listStore} from './listStore'import {countStore} from './countStore'
class IndexStore { constructor(){ this.listStore = new listStore() this.countStore = new countStore() makeAutoObservable(this) }}
const indexStore = new indexStore()export default indexStore