import React from 'react';

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

const MyComponent: React.FC = ({ name, age }) => (
{name}
{`Age: ${age}`}

);

export default MyComponent;
import React from 'react';
import MyComponent from './MyComponent';

const App: React.FC = () => (
我的React应用

);

export default App;
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(, document.getElementById('root'));

使用TypeScript，我们可以为React组件定义属性的类型，从而在开发过程中自动捕获潜在的错误和提供更好的开发体验。