Видеоуроки, интерактивный редактор и сохранение прогресса — бесплатно, сразу после входа.
ВойтиСоздать аккаунт — бесплатноВ этом задании мы научимся работать с переменными внутри JSX и выводить динамический контент.
Переменные в JSX - это способ сделать ваши компоненты живыми и динамическими. Вместо жёсткого текста вы можете подставлять значения из переменных прямо в разметку.
Чтобы вывести переменную в JSX, нужно обернуть её в фигурные скобки {}. React автоматически преобразует значение переменной в текст и вставит его на страницу.
Например, вот как это работает:
Внутри фигурных скобок можно использовать любые JavaScript выражения - конкатенацию строк, математические операции, вызовы функций:
Необходимо создать три переменные внутри компонента WelcomeCard: name с вашим именем, role с вашей ролью (например, "Frontend разработчик") и emoji с эмодзи (например, "👋"). Затем вывести эмодзи в элементе с классом "emoji", приветствие в формате "Привет! Я {name}" в заголовке с классом "title", роль в элементе с классом "role" и параграф с текстом "Добро пожаловать в мир React!" с классом "description".
