基于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