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

You can prevent VSC from incorrectly formatting your JSX by adding an association in your settings.json

Code > Preferences > Settings

In the settings window search for associations, click edit in settings.json and then add:

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