Рубрики
Без рубрики

Введение в jsx

Что такое JSX? Простые слова JSX – это просто синтаксический сахар на вершине необработанных API-сигналов. // JSX (HT … … Теги от реагирования, JavaScript, начинающих, учебниках.

Что такое 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”