Синтаксис JSX является расширением JavaScript, в основном синтаксическим сахаром для громоздких React.createElement
вызовов.JSX не является допустимым JavaScript, поэтому файлы, которые обычно его содержат, имеют собственное расширение .jsx.
Можно настроить установку, чтобы разрешить JSX в файлах .js, но это не рекомендуется.JSX должен быть дополнительно преобразован в действительный JavaScript, поэтому полезно иметь отдельные файлы .js и .jsx.