使用create-react-app时不需要手动引入react库

64 阅读1分钟

今天在使用公司框架写react项目时,我一如既往的新建了一个组件如下:

const Test = () => {
    return <div>test</div>
}
export default Test

没想到控制台报了一个错:React is not defined

我想了好久也不知道为什么,这个一眼就能看懂的错误我之前却从来没遇见过。而且我这个jsx文件中也并没有显示使用到react库啊。

后来尝试在文件顶层加上了import React from 'react'就不会报错了。


这时我突然想到,首先组件肯定是需要react库解析的,但是之前我却从来没有关注要引入react,一般都是用什么再引入什么。而我之前的项目基本上都是使用create-react-app或者vite来创建的,所以可能是这些脚手架帮我引入了react库

于是我使用create-react-app新建了一个项目并没有引入react,果然可以运行,所以create-react-app会自动为组件引入react库。

create-react-app会自动配置好React的开发环境,并且会在每个组件的文件中自动引入React库。这样就不需要手动在每个组件中引入React库了,可以直接开始编写组件代码。

vite等其他脚手架同理