1.引用
import { useReducer } from 'react';
2. 使用
2.1 使用场景:将多个操作合并成一个操作的方法,通常用于管理复杂的状态;通常和useState结合使用;
2.2 原理:通过接收上一次的state和action,返回一个新的state;
2.3 使用案例:
/**
* reducer: 自定义生成的reducer方法
* initState: 初始的state对象
* initAction: 可选值,初始的操作类型
* 返回值是数组,里边有state,和dispatch方法,可以触发操作
*/
const [state, dispatch] = useReducer(reducer, initState, initAction);
2.4 辅助理解: 如果一个操作,需要更改多个值,可以用useReducer传入一个操作类型,根据操作类型去返回一个新的state。