TSX语法中如何定义组件的props类型？

在TypeScript（TSX是React与TypeScript结合使用的语法）中定义组件的props类型通常需要使用接口（Interface）或者类型别名（Type Alias）来实现。下面是两种定义props类型的方法：

1. 使用接口定义props类型：

interface UserProps {
  name: string;
  age: number;
}

const User: React.FC<UserProps> = ({ name, age }) => (
  <div>
    用户名：{name}，年龄：{age}
  </div>
);

在这个例子中，我们首先定义了一个`UserProps`接口，它有两个属性：`name`是字符串类型，`age`是数字类型。然后我们创建了一个React函数组件`User`，它的props类型被指定为`UserProps`。

2. 使用类型别名定义props类型：

type UserProps = {
  name: string;
  age: number;
};

const User: React.FC<UserProps> = ({ name, age }) => (
  <div>
    用户名：{name}，年龄：{age}
  </div>
);

在这个例子中，`UserProps`是一个类型别名，它的定义方式和接口类似，但使用的是`type`关键字而不是`interface`。同样地，我们指定了函数组件`User`的props类型为`UserProps`。

使用TypeScript定义props类型的好处是可以在编译时期检查props的类型，提高代码的健壮性和可维护性。