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!

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b35072-2bf46.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b35072-2bf46.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?