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()); //得到仓库中的当前状态