logo

该视频仅会员有权观看

立即开通课程「React.js 前端应用开发实践」权限。

¥
199
/ 年

useReducer:管理函数式组件的复杂状态

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