How to auto indent jsx in VSCode

Question

VSCode seems doesn't auto indent HTML elements in jsx?

Is there any way to fix it.

---

Update:

In Atom:

When I input <div>, atom will show:

After I press the return key, the result is(pay attention to the location of the cursor):

While in VSCode:

Answer 1

Try changing the language mode to JavaScript React.

1. Open the commands palette.
2. Type change language mode
3. Press Enter
4. Type javascript react
5. Press Enter

Once that's done, you'll see the JavaScript React mode in the bottom left corner.

Once you're in that mode, try again to format the document.