useReducer

在 hooks 中，可以为函数式组件提供类似 Redux 的功能，类似于 vuex 提供状态管理的。官方提供的两种 state 管理：useState useReducer
useReducer 接收两个参数，一个参数式 reducver 函数，第二个参数式初始值
dispatch 可以发布事件来更新 state

import React, { useReducer } from 'react'

export default function App() {

  const [ state, dispatch ] = useReducer((state, action) => {
    if (action == "add") {
      return state + 1
    }
    return state
  }, 0)

  return (
    <div>
      <h1>useReducer</h1>
      <p>状态值：{ state }</p>
      <button onClick={() => dispatch('add')}>状态累加</button>
    </div>
  )
}

React第十二天 - Hooks之 useReducer

useReducer