reactjs 有没有一种方法可以在不删除“react import”的情况下组织vs代码中的导入

idfiyjo8 于 2022-11-29 发布在 React

关注(0)|答案(1)|浏览(130)

我试图在保存文件时组织导入。所以我更新了vs代码设置，以便在保存文件时始终组织导入。
但它也删除了import React from 'react'。
所以react给我这个错误'React' must be in scope when using JSX。
例如，

import React from 'react'

const Temp = () => {
  return (
    <div>Temp</div>
  )
}

export default Temp

组织到

const Temp = () => {
  return <div>Temp</div>;
};

export default Temp;

这是我的react版本-"react": "^16.13.1"。

reactjs

来源：https://stackoverflow.com/questions/74095953/is-there-a-way-to-oraginize-imports-in-vs-code-without-removing-react-import

1条答案

按热度按时间

hrysbysz1#

您是否尝试过使用babel.config.js文件？

module.exports = {
    presets: [
        [
            '@babel/preset-env',
            {
                modules: false,
            },
        ],
        ['@babel/preset-react', { runtime: 'automatic' }],
    ],
};

我有一个项目使用这个，它的工作相当不错。
有关配置，请参阅文档。

赞(0）回复(0）举报 2022-11-29

我来回答

reactjs 有没有一种方法可以在不删除“react import”的情况下组织vs代码中的导入

1条答案

相关问题

热门标签

最新问答