如何在反应文件中停止 VS 代码中的自动间距？

Question

This is the code I'm writing in my VS code in my JSX file, but it's showing an error as it is not recognising < /h1> as a closing tag. I tried so many ways to stop this auto spacing, but I'm unable to do it.

Please help as soon as you can!! Thank you!

import React from "react";
import ReactDOM from "react-dom";

ReactDOM.render( < h1 > Hello < /h1>, document.getElementById("root"));

Answer 1

I believe it is something to do with the Language Mode you have got. Use the JavaScript (React) Language mode with Prettier to avoid it.

To change the Language Mode, press F1 and type in Change Language Mode and you'll get something like this:

Use JavaScript (React) in it. And try saving again and it should work.

Answer 2

In my formatter.JSON file, which pops up after clicking F1 and typing in the name of the file. I had to change:

"javascript": {
  "space_before_conditional": false,
}

"space_before_conditional" value to false under the "javascript" object and it is now working fine.