Redux
程序员文章站
2022-07-16 14:34:49
...
- 下包 redux
- 引入
let redux = require("redux")
- 创建仓库
const store = createStore(reducer,{初始值})
- createStore 接收三个参数
- reducer 必须是个函数,当dispatch,接收俩个参数,上一次的状态—state,action—是一个对象,{type},返回最新的状态
- preloadState 初始化state
- enhancer
- reducer
const reducer = (state,action) => {
let newState = {...state}
switch (action.type) {
case "add":
newState.count++;
break;
case "del:
newState.count--;
break;
default:
break
}
}
- 仓库下有四个函数参数
- dispatch 参数必须是一个对象,必须有type属性,传递的参数被action接收
- getState 获取的是reducer的返回结果
- subscribe
- replaceReducer
- store 仓库,单项数据流
- state 每次计算出来上一次的状态,由getState获取
- action 描述数据如何改变
- reducer 接受上一次的状态和action计算出来的真正的新数据
上一篇: 对象的过滤 includes
下一篇: ES2015入门系列4-参数默认值