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,使用例子:
        
  • 具体使用例子:
        
 

猜你喜欢

转载自www.cnblogs.com/tengfeiS/p/12159236.html