How does vscode format the react code (jsx)?

right-click "format file" in the code, and the syntax of jsx is all messed up.
I don"t know what plug-ins or settings can solve.


choose JavascriptReact or TypescriptReact in the lower right corner of the language, and then format jsx will not be messy.


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

play with it


Prettier-Code formatter

ext install prettier-vscode

it's worth having!

Menu