React 全局状态管理
store
import {createStore} from 'redux'
import reducer from './reducer'
// 将store和reducer 进行关联
let store = createStore(reducer)//创建全局状态管理对象
export default store //抛出store
reducer 是一个函数,能接受2个参数 参数1 修改前的数据 参数2就是actions
就是根据actions 去修改数据
将数据 返回给store
let State={
name:'王一',
age:16
}
// prevState 代表修改前的数据 = 付一个初始值默认值
export default (prevState = State,actions)=>{
let newData = prevState
// 修改数据
let {type,payload} = actions
switch (type) {
case 'CHANGE_NAME':
newData.name = payload
break;
case 'CHANGE_AGE':
newData.age = payload
break;
default:
break;
}
// 返回修改后的数据
return newData
}
actionCreator 本质是一个对象 对象里有很多方法
在内部的函数
a. 创建action 也是一个对象必须有type
b. store.dispatch(action) 提交action给reducer