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

Question

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

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。