Что такое JSX? Простые слова JSX – это просто синтаксический сахар на вершине необработанных API-сигналов.
// JSX (HTML-like Syntax) const reactElement =Hello World
; // compiles to raw React APIs const reactElement = React.createElement('h1', {}, 'Hello World');
JSX на самом деле не JavaScript, поэтому нам нужен компилятор для компиляции нашего JSX. Babel – это один из таких инструментов, мы собираемся использовать, чтобы скомпилировать наш JSX.
Babel написан в JavaScript, мы действительно можем запустить его прямо в браузере, чтобы скомпилировать наш код на лету.
Использовать Babel в нашем веб-приложении. Нам нужно включить бирку сценария для Babel, а затем нам нужно изменить тип сценария из Текст/JavaScript
к Текст/Вавил
Отказ Так что Babel может идентифицировать, какой тег скрипта должен быть скомпилирован.
Давайте попробуем воссоздать Пример 1 Из предыдущей статьи с использованием JSX.
Образец кода
Совмещенный код добавляется в голова
ярлык.
Пример 1.
Интерполяция Интерполяция определяется как «вставка чего-то другого природы во что-то другое».
Образец кода
Пример 2.
Я надеюсь, что вы узнали что-то из этой статьи, и если у вас есть какие-либо сомнения, пожалуйста, оставьте комментарий. Я буду очень рад ответить на все ваши вопросы.
Меня зовут Бипин Райбхар И я инженер-программист в QuikieAPSS. И вы можете следовать или подключиться ко мне на Twitter и Linkedin.
Ресурсы Руководство для начинающих для реагирования Эпический реагирование
Оригинал: “https://dev.to/bipinrajbhar/an-intro-to-jsx-131c”