【问题标题】:Do you need to import React for using JSX in components?是否需要导入 React 才能在组件中使用 JSX?
【发布时间】:2020-04-23 18:40:37
【问题描述】:

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

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

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

为什么?

【问题讨论】:

  • 那你不需要 .jsx 扩展名

标签: reactjs next.js


【解决方案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. plugin-proposal-class-properties
  5. plugin-proposal-object-rest-spread
  6. plugin-transform-runtime styled-js

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

【讨论】:

    猜你喜欢
    • 2021-06-09
    • 2020-03-30
    • 1970-01-01
    • 2020-11-17
    • 2016-12-25
    • 2018-06-23
    • 1970-01-01
    • 2017-03-30
    • 2017-07-23
    相关资源
    最近更新 更多