React Prettier auto fix

Question

React JSX

<Hello><Hello/>

to

<Hello/>

How can I fix code with prettier when I save code on VS code? Which setting should I edit?

Answer 1

install eslint-plugin-react . For reference please check below link

https://github.com/yannickcr/eslint-plugin-react

Hope this will help you.

Answer 2

If you are using the Prettier plugin in VS Code, do this:

• Open the user settings - CTRL + ,
• Search "Format on Save" and turn it on

This will use the formatter, in this case prettier, to format your code whenever you save.

This has nothing to do with Eslint plugin as other people are saying.