Ошибка кода Visual Studio при сохранении реагирующих файлов?

Question

И когда я сохраняю этот файл с Ctrl+s, даже используя более симпатичные и другие фрагменты расширений JavaScript в визуальном коде, я получаю этот искаженный код, который показывает ошибки

И показывает ошибку как:

Элемент JSX div не имеет соответствующего закрывающего тега.
Элемент JSX Navbar не имеет соответствующего закрывающего тега.
Элемент JSX NavbarBrand не имеет соответствующего закрывающего тега.
Ожидается идентификатор.
> ожидается.

Answer 1

Измените расширение вашего файла на .jsx, чтобы форматировщик знал, что он содержит разметку