Видеоуроки, интерактивный редактор и сохранение прогресса — бесплатно, сразу после входа.
ВойтиСоздать аккаунт — бесплатноЗакончили урок?
Войдите, чтобы отмечать прогресс
В этом решении мы создаём переменные внутри компонента и выводим их в JSX с помощью фигурных скобок.
Мы объявляем три переменные с помощью const внутри компонента. Эти переменные хранят строковые значения - имя, роль и эмодзи. Переменные создаются до return, чтобы их можно было использовать в JSX.
Чтобы вывести значение переменной в JSX, мы оборачиваем её в фигурные скобки {}. React воспринимает всё внутри фигурных скобок как JavaScript код и вычисляет его значение.
Мы можем комбинировать обычный текст и переменные прямо внутри элемента. React склеивает текст "Привет! Я " со значением переменной name. Это называется интерполяцией - встраивание переменных в текст.
В JSX атрибут class называется className, потому что class - это зарезервированное слово в JavaScript. Мы используем className для добавления CSS классов к элементам.