Visual Studio 无法识别 JSX 渲染函数

Question

我正在学习一个很棒的 AWS 教程，但我相信 Visual Studio 无法将我的 JSX 返回函数识别为 HTML。其他人有这个问题吗？

VS 希望它看起来如下：

render() {
    return ( <
        section className = "section auth" >
        <
        div className = "container" >
        <
        h1 > Register < /h1> <FormErrors formerrors = { this.state.errors }/ >

        <
        form onSubmit = { this.handleSubmit } >
        <
        div className = "field" >
        <
        p className = "control" >
        <
        input className = "input"
        type = "text"
        id = "username"
        aria - describedby = "userNameHelp"
        placeholder = "Enter username"
        value = { this.state.username }
        onChange = { this.onInputChange }
        /> < /

visual studio auto-formatting

Answer 1

Prettier's format on save messes up .jsx files

这就是答案。禁用 Prettier 以外的所有格式化程序！！