Ответ
JSX — это расширение синтаксиса JavaScript, позволяющее писать HTML-подобный код в React. Он упрощает создание и визуализацию компонентов, делая их более читаемыми.
Особенности JSX:
- Не является строкой или HTML.
- Преобразуется в вызовы
React.createElement()через Babel. - Позволяет встраивать JavaScript-выражения с помощью
{}.
Пример:
const element = <h1>Hello, {name}!</h1>;После компиляции это станет:
React.createElement("h1", null, "Hello, ", name, "!");Важно: JSX требует закрытия всех тегов (например, <img />) и использует className вместо class.