react hooks 下使用redux

redux

• redux是近年来javascript中火热的状态管理容器，提供可预测的全局状态管理。在大型的应用中我们常采用redux来进行状态管理，redux的基本使用方式如下
• 使用redux，我们先要进行action的编写，action一般由type与其他相关数据构成，下面就是简单的两个action

const INCREMENT = 'INCREMENT'
const DECREMENT = 'DECREMENT'

// 数字增加action
{
    type: INCREMENT, payload: number }

// 数字减少action
{
    type: DECREMENT, payload: number }

• 接下来，我们就要根据action来进行我们的reducer编写,reducer是一个函数，具有两个初始值，一个是当前的状态值state，一个是当前的操作模式action
• 我们要根据当前的操作模式进行相应的逻辑处理，并返回新的state,这里我们为state设置一个初始值 0，对应INCREMENT与DECREMENT分别进行加减操作

const initialState = 0

const numberReducer = (state = initialState, action) => {
   
  switch(action.type) {
   
    case INCREMENT:
      return state + action.payload
    case DECREMENT:
      return state - action.payload
    default:
      return