如何使用react为状态和initialState inReducer动态设置类型？

// 定义Reducer函数
const reducer = (state, action) => {
  switch (action.type) {
    case "SET_TYPE":
      return {
        ...state,
        type: action.payload
      };
    default:
      return state;
  }
};

import React, { useReducer } from "react";

const initialState = {
  type: ""
};

const MyComponent = () => {
  const [state, dispatch] = useReducer(reducer, initialState);

  const setType = (type) => {
    dispatch({ type: "SET_TYPE", payload: type });
  };

  return (
    <div>
      <h1>当前类型: {state.type}</h1>
      <button onClick={() => setType("类型A")}>设置类型A</button>
      <button onClick={() => setType("类型B")}>设置类型B</button>
    </div>
  );
};

export default MyComponent;