如何让react支持ts

要让 React 支持 TypeScript，需要做以下几个步骤：

1. 安装 TypeScript 和 React 的类型定义文件：可以使用 npm 或 yarn 安装，命令为 `npm install typescript @types/react @types/react-dom` 或 `yarn add typescript @types/react @types/react-dom`。

2. 将项目中的 .js 文件改为 .tsx 文件，以支持 TypeScript 语法。如果是新建项目，可以直接使用 `npx create-react-app my-app --template typescript` 命令创建一个 TypeScript 的 React 项目。

3. 将所有 React 组件的函数或类的参数和返回值类型定义好。例如：

// 函数组件
interface Props {
  name: string;
}

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

// 类组件
interface Props {
  name: string;
}

interface State {
  count: number;
}

class Counter extends React.Component<Props, State> {
  state = {
    count: 0
  }

  render() {
    const { name } = this.props;
    const { count } = this.state;
    return (
      <div>
        <div>Hello, {name}!</div>
        <div>Count: {count}</div>
      </div>
    );
  }
}

4. 在 tsconfig.json 文件中配置 TypeScript。可以设置 target 和 module 为 es6，设置 jsx 为 react，设置 strict 为 true 等。例如：

{
  "compilerOptions": {
    "target": "es6",
    "module": "es6",
    "jsx": "react",
    "strict": true
  }
}

完成以上步骤后，就可以在 React 中使用 TypeScript 了。