Visual studio code changes format (React-JSX)

Question

I\'ve the following snippet in my index.js

class App extends Component {
    render() {
        return ( 

            Welc         


        
      

Answer 1

Make sure you dont have multiple javascript formatters enabled in your current workspace. (You have to disable the rest of them for your current workspace).

react-beautify mostly does the magic but fails if you have some other JS formatter/beautifier already installed.

In my case, I had react-beautify and JS-CSS-HTML Formatter extension installed. I had to disable the JS-CSS-HTML Formatter for my current workspace.