redux 1 初步使用redux管理数据
先安装redux
npm install --save redux
redux官网https://www.npmjs.com/package/redux
实现对数据的减一
import { createStore } from "redux";
//假设仓库中仅存放一个数字,该数字的变化可能是+1 或 -1
//约定action的格式,; {type: "操作类型", Payload: 附加数据}
/**
* reducer 本质上就是一个普通的函数
* @param {*} state
* @param {*} action
*/
function reducer(state, action) {
//返回一个新的状态
if (action.type === "increase") {
return state + 1;
} else if (action.type === "decre") {
return state - 1;
}
return state; //如果是一个无效的操作类型,数据不变
}
const store = createStore(reducer, 10);
const action = {
type: "increase"
};
console.log(store.getState()); //得到仓库中的当前状态
store.dispatch(action);
console.log(store.getState()); //得到仓库中的当前状态