Redux简单使用

const defaultState = 1
const Add_Number = 'Add_Number'

const addNumber = (state = defaultState, action:unknown) => {
  switch ((action as {type:string}).type ) {
    case Add_Number: {
      return defaultState + (action as {payload:number}).payload
    }
    default:
      return state;
  }
}

创建Reducer

function addToUser(number:Number) {
  return {
    type: Add_Number,
    payload: number
  }
}

创建 action

let store = createStore(combineReducers({addNumber}))

创建store combineReducers合并多个Reducer

 store.dispatch(addToUser(store.getState().addNumber))

 发送内容给action

store.subscribe(()=>{
    console.log(store.getState().addNumber)
  })

 subscribe监听store中每次修改情况 

getState获取state