More than 3 years have passed since last update.

VSCodeでReact-JSXを保存するとき勝手に改行されちゃう問題

Posted at 2020-05-15

VSCodeで下記のようなDOMを書いて

ReactDOM.render(
  <React.StrictMode >
  　<App />
  </React.StrictMode>,
  document.getElementById('root')
);

保存（⌘＋S）しようとすると、勝手に改行されてしまう問題。
もちろんエラーになります。

ReactDOM.render(
  <
React.StrictMode >
  <
  App / >
  <
  /React.StrictMode>,
  document.getElementById('root')
);

VSCodeの設定を変更します。
Settings.jsonファイルを開き、下記を追加します。

    "files.associations": {
        "*.js": "javascriptreact"
    }

以上です。