JSX — это JavaScript XML, расширение синтаксиса JavaScript, которое позволяет писать код, похожий на HTML, прямо внутри JavaScript файлов. Это синтаксический сахар для функции React.createElement().
JSX объединяет выразительность JavaScript со знакомым синтаксисом HTML-шаблонов, делая React компоненты более читаемыми и интуитивными для написания.
Когда ты пишешь JSX, он компилируется в обычные вызовы JavaScript функций. Например:
class App extends React.Component {
render() {
return(
<div>
<h1>{'Welcome to React world!'}</h1>
</div>
)
}
}
Этот JSX код преобразуется в:
React.createElement(
'div',
null,
React.createElement('h1', null, 'Welcome to React world!')
)
{}createElement()JSX сам по себе не является валидным JavaScript. Ему нужен транспайлер (обычно Babel) для преобразования JSX синтаксиса в валидные вызовы JavaScript функций, которые браузеры могут выполнять.
JSX — это язык шаблонизации, полностью отделённый от JavaScript и требующий специального runtime для выполнения вместе с React.
Новый — ещё не проверен сообществом
Вы