Разница между JSX и Бабелем в ReactJS

Question

Я начинаю использовать ReactJS.

В шаблоне Hello World он включает файл babel.min.js, но также включает синтаксис JSX для визуализации компонента.

Какая связь или разница между JSX и Бабелем?

Answer 1

Babel - это транспортер, который преобразует JSX в JavaScript, так что браузер способен отображать приложение, поскольку он не понимает JSX.JSX в основном является синтаксическим сахаром для React.createElement (почему бы не использовать этот метод тогда - хорошо его громоздкое написание таким образом, и его действительно сложно управлять и отлаживать, поэтому JSX вступает в игру).JSX представляет компоненты в виде разметки, хотя в большинстве случаев они выглядят как HTML.