reactjs - vs代码在保存.js文件时改变jsx

Question

我正在尝试学习一些 React，并且我有一个 js 文件 client.js。我在文件中有一个非常简单的类，只是试图返回一行。我正在使用 Visual Studio Code。

class Layout extends React.Component {
render() {
    return ( 
        <h1>Hello World!!</h1>
    );
  }
}

但是，每次我在 VS Code 中保存文件时，它都会将 jsx 行更改为以下内容。

class Layout extends React.Component {
    render() {
        return ( <
            h1 > Hello World!! < /h1>
        );
    }
}

我可以将它保存在记事本之类的东西中，但不能保存在 VS Code 中。我做错了什么？

Answer 1

现在编辑器的右下角有一个开关，可用于切换语言模式(对于打开的 .js 文件，单击 Javascript，输入“react”并选择 Javascript React)，但这必须是分别为每个文件完成。但是，您可以将文件保存为 .js。