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

更新到最新版本的VS Code并尝试将文件重命名为jsx而不是js。 VS代码适用于jsx文件

Answer 2

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

Answer 3

如果您使用的是Beautify扩展名，请禁用它。 会很好。