VS Code Settings搞乱了JSX格式化

Question

我的VS Code编辑器遇到JSX问题。一次它将像下面这样格式化下面的代码并产生错误。如果我重新启动VS Code，它将纠正格式问题一段时间，直到我继续工作并保存另一个js文件。回到App.js之后，奇怪的格式又出现了。有什么想法可以更改设置吗？

class App extends Component {
    render() {
        return ( <
            div className = "App" >
            <
            Header branding = "Contact Info" / >
            <
            h1 > The Contact Component < /h1> <Contact / >

        );
    }
}

Answer 1

在这里找到了解决方案：How to auto indent jsx in VSCode

1）打开命令面板。 2）更改语言模式 3）按Enter 3）输入javascript react 5）按Enter