Visual Studio のコード形式変更 (React-JSX) 質問する

Visual Studio のコード形式変更 (React-JSX) 質問する

私は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>
        )
    }
}

どうすれば解決できますか?ありがとう

ベストアンサー1

最終的に、下部のツールバーでファイル形式を JavaScript から JavaScript React に変更することで解決しました。このトピックに関するドキュメントが見つからなかったため、今後の参考のためにここに公開します。

ここに画像の説明を入力してください

上記に加えて、「.jsのファイル関連付けを構成する」をクリックすると、すべての.jsファイルをJavascript Reactに設定できます。

おすすめ記事