我在react中使用mobx做状态管理实现了简单计数器demo,如果该页面今后需要添加新的功能,我希望不同功能存放在不同的store,请问这要如何实现
countStore.js
import { observable,action, computed } from 'mobx';
class CountStore{
@observable num = 0;
@computed get displayResult(){
return this.num;
}
}
export default CountStore;
app.js
import React, { Component } from 'react';
import { render } from 'react-dom';
import Count from './count';
import Display from './display';
import CountStore from "../store/countStore";
const CountStores = new CountStore();
class Countapp extends Component{
constructor(props){
super(props)
}
render(){
return <div>
<Count store={CountStores}/>
<Display store={CountStores}/>
</div>
}
}
export default Countapp;
再写一个store.js文件就可以了