В чем разница между типом babel и jsx

Я только начал использовать React JS... Извините, но я смущен тем, какая разница между типом = "text/babel" и type = "text/jsx"

и когда я их использую.., пожалуйста, помогите мне понять.

Ответ 1

Babel - транспилятор, который превращает входной код в "чистый" JavaScript.

JSX - это синтаксический сахар по JavaScript. Вы пишете .jsx и перетащите его в .js, используя транспилер (обычно, Babel).

Когда вы пишете text/babel, вы говорите библиотеке Babel, что вы хотите перевести этот script в чистый JavaScript.

Если вы пишете text/jsx, вы говорите, что ваш script находится в .jsx, и вам нужен транспилятор для анализа вашего кода.

Если вы хотите написать .jsx и/или ES6 без настройки пакета, например webpack или браузера, загрузите Babel через CDN и используйте text/babel для простоты.