reactjs - 是否需要导入 React 才能在组件中使用 JSX？

Question

我有一个 NextJS 项目，我有一些组件。

使用 JSX 时，IDE 告诉我从“React”导入 React。

但是，如果我不这样做，该页面仍然有效。

为什么？

Answer 1

摘要：NextJS 有插件https://babeljs.io/docs/en/babel-plugin-transform-react-jsx自动为你添加导入。

更详细的解释

NextJS（此时为第 9 版）带有其 on babel 配置 next/babel。 https://nextjs.org/docs/advanced-features/customizing-babel-config

以下是nextjs预装的babel插件

1. 预设环境
2. 预设反应
3. 预设打字稿
4. 插件提案类属性
5. 插件提案对象休息传播
6. 插件转换运行时样式化 js

插件preset-react捆绑了另一个插件https://babeljs.io/docs/en/babel-plugin-transform-react-jsx，它为您添加了 React 导入。更多示例在插件页面中。