react ts 基础语法

React 和 TypeScript 是两个流行的前端框架和技术，它们结合可以提供更强的类型安全性和更好的开发者体验。以下是React和TypeScript的基础概念：

1. React简介：React是一个由Facebook开发的用于构建用户界面的JavaScript库。它专注于组件化开发，允许你将UI分解成独立、可复用的部分。

2. TypeScript简介：TypeScript是JavaScript的一个超集，它添加了静态类型检查功能，有助于减少运行时错误，并提升代码质量。

在React中使用TypeScript，首先需要安装`@types/react`和`@types/react-dom`作为TypeScript支持包。接下来，创建TypeScript组件的基本步骤如下：

// 定义一个React组件
import React from 'react';

interface Props {
  name: string;
}

const MyComponent: React.FC<Props> = ({ name }) => {
  return <div>Hello, {name}!</div>;
};

export default MyComponent;

这里的关键点有：
- `React.FC<Props>`：函数组件泛型，Props代表组件接受的属性类型。
- 类型注解（如`{ name: string }`）：描述组件的props类型。