React Typescript - import @types/react和import react有什么不同

React Typescript - import @types/react和import react有什么不同？

在React和Typescript项目中，我们通常需要导入React库以及相关的类型声明。在导入React库时，可以使用两种不同的语法：

1. import react from 'react';
2. import { React } from 'react';

这两种语法的主要区别在于导入的内容不同。

第一种语法import react from 'react';导入的是默认导出的React对象。这意味着我们可以直接使用react这个变量来访问React库中的组件和函数，例如react.Component、react.useState等。

第二种语法import { React } from 'react';导入的是具名导出的React对象。这意味着我们需要使用React这个变量来访问React库中的组件和函数，例如React.Component、React.useState等。

在使用Typescript时，为了获得React库的类型声明，我们还需要导入@types/react模块。这可以通过以下语法完成：

import React from 'react'; import { React } from 'react'; import '@types/react';

无论使用哪种导入语法，都可以通过import '@types/react';导入React的类型声明。

总结：

• import react from 'react';导入默认导出的React对象，可以直接使用react变量访问React库中的组件和函数。
• import { React } from 'react';导入具名导出的React对象，需要使用React变量访问React库中的组件和函数。
• 为了获得React库的类型声明，在Typescript项目中需要导入@types/react模块。