Во что компилируется JSX?

Question

JSX компилируется в обычный JavaScript.Чаще всего он превращается в вызовы React.createElement.Браузер не понимает JSX напрямую.JSX — это лишь синтаксический сахар.

YeaHub · Accepted Answer

JSX не является стандартом JavaScript и не может быть выполнен браузером без предварительной трансформации.ОпределениеJSX — это синтаксическое расширение JavaScript, которое упрощает описание структуры UI.Что происходит при компиляцииНа этапе сборки (Babel, SWC):JSX преобразуется в JavaScriptКаждый JSX-элемент становится вызовом функцииВ React это обычно React.createElementПример:

Привет

После компиляции:React.createElement("h1", null, "Привет"); Современный JSX runtimeВ новых версиях React используется автоматический runtime:Не требуется импорт ReactJSX компилируется в вызовы функций из react/jsx-runtimeЗачем это нужноБраузер исполняет только JavaScriptJSX делает код читабельнееКомпиляция происходит до запуска приложенияВыводJSX всегда компилируется в JavaScript. Это синтаксический сахар, который упрощает описание UI, но не существует в рантайме.