23、React 状态管理：从 Reducer 到 Redux

React 状态管理：从 Reducer 到 Redux

1. 使用 Reducer 管理状态

在 React 应用中，我们使用 Reducer 来管理状态。为了使用特定类型，我们将 Reducer 的 action 参数声明为 VenueAction 类型，这意味着它可以是 VenueAction 联合类型中的任何一个组件类型。

// 假设的代码示例，用于说明 Reducer 中 action 类型的声明
const reducer = (state: VenueState, action: VenueAction) => {
    // 处理不同的 action
    switch (action.type) {
        case 'setTicketsToBuy':
            // 处理 setTicketsToBuy 操作
            break;
        case 'ClearHolds':
            // 处理 ClearHolds 操作
            break;
        default:
            return state;
    }
};

如果我们仅将对象保持为 VenueAction 类型，那么只能访问所有组件类型共有的属性，在这种情况下，只有 type 属性。不过，TypeScript 很智能，在 Reducer 函数中，当我们根据 acti