reactjs - Visual Studio 代码更改格式 (React-JSX)

Question

我的index.js中有以下代码片段

class App extends Component {
    render() {
        return ( <div style = { styles.app } >
            Welcome to React!
            </div>
        )
    }
}

该代码有效，但每次我保存(ctrl+s)Visual Studio 时都会像这样格式化 jsx:

class App extends Component {
    render() {
        return ( < div style = { styles.app } >
            Welcome to React!
            <
            /div>
        )
    }
}

我该如何解决这个问题？谢谢

Answer 1

最后，技巧是在底部工具栏上将文件格式从 JavaScript 更改为 JavaScript React。由于我没有找到有关此主题的任何文档，因此我将其发布在这里以供将来引用。

除上述之外。如果单击“为 .js 配置文件关联”，您可以将所有 .js 文件设置为 Javascript React