在React的函数式组件中,若需处理复杂状态,可用useReducer
取代useState
。通过定义reducer
函数与相关动作类型,可以派发动作去更新状态。组件内部定义了状态类型appOkState
,初始状态upHookInitialState
,以及动作类型appHookAction
。reducer
函数会根据动作类型和带来的数据来决定如何更新状态。使用useReducer
时,需提供reducer
函数和初始状态,并从中解构出state
和dispatch
。可以派发增加或减少的动作,进行状态管理,界面的数字会根据动作相应增加或减少。