typescript props

在 TypeScript 中，我们可以使用接口（Interface）来定义组件的 Props 类型。比如下面这个例子：

interface MyComponentProps {
  name: string;
  age: number;
  email: string;
}

function MyComponent(props: MyComponentProps) {
  // ...
}

在这个例子中，我们定义了一个名为 `MyComponentProps` 的接口，它包含了三个属性：`name`、`age` 和 `email`，分别对应了组件的三个 Props。然后我们在 `MyComponent` 组件中使用了这个接口来定义 Props 的类型。这样做的好处是，当我们在使用这个组件的时候，TypeScript 会自动检查传入的 Props 是否符合定义的类型，从而减少了类型错误的产生。

当然，除了使用接口，我们还可以使用类型别名（Type Alias）来定义 Props 的类型。比如下面这个例子：

type MyComponentProps = {
  name: string;
  age: number;
  email: string;
};

function MyComponent(props: MyComponentProps) {
  // ...
}

这个例子与上面的例子是等价的，只是使用了不同的语法来定义 Props 类型。无论使用接口还是类型别名，它们的作用都是一样的，都是用来定义 Props 的类型。