Model
// 定义好初始值
const initilaState = {
info:""
}
const xxx = {
namespace:'changeState', // model的命名空间,下面组件中要用到
state:initilaState,
}
// reducer:用于处理同步操作,唯一可以修改state的地方,由action触发
reducers: {
// 更新initilaState中的值
updateState(state,{payload:data}){
return { ...state, ...data }
}
// 初始化initialState的值
recover() {
return { ...initialState }
}
}
更新Model数据的组件
// goToChangeState为更改数据的方法
goToChangeState = () => {
const { dispath } = this.props
dispath({
type:'changeState/updateState',
payload:{info:"我是更改后的数据"}
})
}
其他组件获取Model中的数据
const { changeState: { info } } = this.props
// 这样我们就可以在组件中使用info共享Model中的数据了
166

被折叠的 条评论
为什么被折叠?



