面试题：React中如何在组件中使用TypeScript定义基本的Props类型

Question

假设你有一个简单的React组件，它接收一个字符串类型的`name`属性和一个数字类型的`age`属性，使用TypeScript定义这个组件的Props类型，并编写这个React组件。

Answer 1

1. 定义Props类型：

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

2. 编写React组件：

   import React from'react';
   
   type UserProps = {
       name: string;
       age: number;
   };
   
   const UserComponent: React.FC<UserProps> = ({ name, age }) => {
       return (
           <div>
               <p>Name: {name}</p>
               <p>Age: {age}</p>
           </div>
       );
   };
   
   export default UserComponent;