将TypeScript类型作为道具传递给React组件？

Question

是否可以将TypeScript类型作为prop传递给React Component？

export type ActivitiesType = {
  RUN: "RUN";
  WALK: "REST";
  ROUNDS: "ROUNDS";
};

<MyComponent activity={ActivitiesType.RUN} />

然后在MyComponent中：

const MyComponent = ({ activity }) => {
  if(activity === ActivitiesType.RUN) {
    // Do something
  }
}

Answer 1

Ritaj是对的，Enums可以做到这一点：

enum ActivitiesType {
  RUN: "RUN";
  WALK: "REST";
  ROUNDS: "ROUNDS";
}

type Props = {
  type: ActivitiesType;
}