---
title: JSX
localeTitle: JSX
---
# JSX
> JSX является коротким для JavaScript XML.
JSX - это выражение, которое использует допустимые HTML-инструкции в JavaScript. Вы можете назначить это выражение переменной и использовать ее в другом месте. Вы можете комбинировать другие действующие выражения JavaScript и JSX в этих выражениях HTML, помещая их в фигурные скобки ( `{}` ). Babel, в дальнейшем, скомпилирует JSX в объект типа `React.createElement()` .
### Однострочные и многострочные выражения
Однострочное выражение просты в использовании.
```jsx
const one =
Hello World!
;
```
Когда вам нужно использовать несколько строк в одном выражении JSX, напишите код в пределах одной круглой скобки.
```jsx
const two = (
);
```
### Использование только HTML тегов
```jsx
const greet = Hello World!
;
```
### Объединение выражения JavaScript с HTML тегами
Мы можем использовать переменные JavaScript в фигурных скобках.
```jsx
const who = "Quincy Larson";
const greet = Hello {who}!
;
```
Мы также можем вызвать другие функции JavaScript в фигурных скобках.
```jsx
function who() {
return "World";
}
const greet = Hello {who()}!
;
```
### Только один родительский тег разрешен
Выражение JSX должно иметь только один родительский тег. Мы можем добавить несколько тегов, обязательно вложенных в родительский элемент.
```jsx
// This is valid.
const tags = (
);
// This is not valid.
const tags = (
Hello World!
This is my special list:
);
```
### Больше информации
* [Представляем JSX](https://reactjs.org/docs/introducing-jsx.html)