VSCode 中 react项目格式化代码后，代码格式错乱

因为我设置了保存自动格式化代码，在ctrl+s保存的时候，代码就格式化了，格式化后代码格式错乱，如下图

在vscode编辑器的右下角，选择javascript

然后在弹出的窗口中，输入选择 JavascriptReact  或者  TypescriptReact ，如图

这时候再进行保存操作，就不会错乱了，页面就很工整了

到这儿，就完成了