React 全局状态管理

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