Typescript怎么配合React使用

要在React项目中使用Typescript，需要先安装Typescript和@types/react和@types/react-dom这两个依赖。

首先，安装Typescript和@types/react和@types/react-dom：

npm install typescript @types/react @types/react-dom 

然后，在项目根目录下创建一个tsconfig.json文件，配置Typescript编译选项：

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

接下来，将项目中的.js或.jsx文件改为.ts或.tsx文件，并在文件开头添加类型声明，例如：

import React from 'react';  interface Props {   name: string; }  const App: React.FC<Props> = ({ name }) => {   return <h1>Hello, {name}!</h1>; };  export default App; 

最后，在项目中使用Typescript编译工具（如webpack或Parcel）来编译Typescript代码，并运行项目。

这样，就可以在React项目中使用Typescript了，享受类型检查和更好的代码提示。