useReducer的用法

基本概念

1、定义：useReducer是一个React Hook，允许你在函数组件中添加reducer以管理状态。

2、作用：它提供了一种集中式和可预测的状态管理机制，尤其适用于复杂的状态更新逻辑。

使用方式

参数

1、Reducer函数：一个纯函数，用于根据动作类型更新状态。它接受两个参数：当前状态和动作对象，返回新的状态。

2、初始状态（可选）：作为reducer的起始状态。如果没有提供，则reducer的第一次调用将使用undefined作为初始状态。

返回值

返回一个数组，包含两个元素：

1、当前状态：表示应用或组件的当前状态。

2、Dispatch函数：一个用于触发状态更新的函数。调用此函数并传入一个动作对象，将触发reducer的执行并更新状态。

使用场景与优势

1、复杂状态管理：当组件内部有多个相互关联的状态，或者状态更新逻辑较为复杂时，useReducer比多个useState调用更易管理和维护。

2、代码清晰性：通过将状态更新逻辑封装在reducer函数中，可以提高代码的模块化和可重用性。

3、性能优化：在某些情况下，useReducer可以通