解释React Reducer的作用？
在React中，Reducer是一种特殊的函数，它用于处理应用的状态变化。Reducer的主要作用是根据接收到的当前状态（state）和一个动作（action），返回一个新的状态。
Reducer函数通常与React的useReducer Hook一起使用，该Hook提供了一种更复杂的状态管理方式，特别适合当状态逻辑较复杂且包含多个子值，或者当下一个状态依赖于之前的状态时。
Reducer函数的标准形式如下：
function reducer(state, action) {
// 根据action.type返回新的状态
}
这里的state是当前的状态，action是一个对象，通常包含一个type字段（用来描述发生了什么）和其他一些额外的数据。
例如，假设我们有一个简单的计数器应用，我们可以使用Reducer来管理计数器的状态：
function counterReducer(state, action) {
switch (action.type) {
case 'increment':
return {count: state.count + 1};
case 'decrement':
return {count: state.count - 1};
default:
throw new Error();
}
}
function Counter() {
const [state, dispatch] = useReducer(counterReducer, {count: 0});
return (
<>
Count: {state.count}
<button onClick={() => dispatch({type: 'decrement'})}>-</button>
<button onClick={() => dispatch({type: 'increment'})}>+</button>
</>
);
}
在这个例子中，counterReducer函数根据传入的action.type决定如何更新状态。然后我们在Counter组件中使用useReducer Hook来使用这个reducer。dispatch函数用于触发action，从而更新状态。