Что такое JSX?
JSX означает JavaScript XML, который позволяет нам легко писать HTML в React. Он преобразует HTML-теги в реагирующие элементы. Это не строка и не HTML
Встраивание выражений в JSX —
Выше это простой код JSX на платформе React, но браузер не понимает этот JSX, потому что это недопустимый код JavaScript. Это связано с тем, что мы присваиваем тег HTML переменной, которая не является строкой, а просто кодом HTML.
Поэтому, чтобы преобразовать его в код JavaScript, понятный браузеру, мы используем такой инструмент, как Babel, который является компилятором JavaScript. Взгляните на статью freecodecamp для подробного понимания этого.
По сути, Babel преобразует эти выражения в настоящий код JavaScript, чтобы вы могли писать краткие HTML/XML-подобные структуры (например, древовидные структуры, подобные DOM) в том же файле, что и код JavaScript. JSX позволяет нам встраивать HTML в JavaScript, в отличие от предыдущего метода встраивания JavaScript в HTML.
Хотите знать больше? Следуйте обязательным ссылкам ниже -
JSX в React — объяснение с примерами
Руководство по JSX и Typescript
Я надеюсь, что вы найдете эти ссылки полезными. Дайте мне знать, если у вас есть дополнительные ресурсы, чтобы наверстать упущенное.
Оставайтесь с нами, люди! Удачного кодирования!