VS代码设置搞乱操作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键