如何使用typescript中的枚举作为react组件的默认prop值

enum Color {
  Red = "red",
  Green = "green",
  Blue = "blue"
}

import React from "react";

interface MyComponentProps {
  color: Color;
}

const MyComponent: React.FC<MyComponentProps> = ({ color = Color.Red }) => {
  // 组件的实现逻辑
  return <div style={{ backgroundColor: color }}>{color}</div>;
};

export default MyComponent;

import React from "react";
import MyComponent from "./MyComponent";

const App: React.FC = () => {
  return (
    <div>
      <MyComponent /> {/* 默认将使用 Color.Red 作为默认 prop 值 */}
      <MyComponent color={Color.Green} /> {/* 可以手动指定其他颜色 */}
    </div>
  );
};

export default App;