[解決済み] Visual Studioのコード変更フォーマット(React-JSX)

質問

index.jsに以下のスニペットを記述しています。

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

コードは動作しますが、保存するたびに（Ctrl + S）ビジュアルスタジオはそのようなjsxをフォーマットします。

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

どのように私はこれを解決することができますか？ ありがとうございます。

どのように解決するのですか？

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

上記に加え Configure File Association for .js」をクリックすると、すべての.jsファイルをJavascript Reactに設定することができます