useReducer 使用

import React,{useReducer} from 'react'
function ReducerDemo (){
// 调用 useReducer 方法
    const [count , dispatch] = useReducer((state,action)=>{
    // action 为操作该方法
        switch(action){
            case 'add':
                return state+1
            case 'sub':
                return state-1
            default :
                return state
        }
    },0) // 第二个 参数为state 默认值
    return (
        <div>
            <p>当前count 值 为：{count}</p>
            <button onClick={()=>{dispatch('add')}}>add</button> 
            <button onClick={()=>{dispatch('sub')}}>sub</button>
        </div>
    )
}

export default ReducerDemo