React24Hooks钩子之useReducer
-
useReducer是useState的一个增强体,可以用于处理复杂的状态管理
-
useReducer可以完全替代useState,只是我们简单的状态管理用useState比较易用
-
对比一下useState和useReducer的使用:
-
useReducer的参数介绍
-
reducer是一个函数,根据action状态处理并更新state
-
initState是初始化state
-
initAction是useReducer初次执行时被处理的action
-
返回值state,dispath介绍
-
state状态值
-
dispatch是更新state的方法,他接受action作为参数
-
useReducer只需要调用dispatch(action)方法传入action即可更新state,使用如下:
-
reducer是redux的产物,他是一个函数,主要用于处理action,然后返回最新的state,可以把reducer理解成是action和state的转换器,他会根据action的描述去更新state,使用例子:
-
具体使用例子:
博主掘金技术社区地址——https://juejin.cn/user/1908407918660871/posts