Завдання: Створення Функціональних Компонентів
Створіть функціональний компонент React, який відображає привітальне повідомлення з використанням пропсів.
Завдання складається з двох частин:
- Створення дочірнього компонента
- Створіть компонент з назвою
Greeting. - Приймайте проп з назвою
name. - Відображайте елемент
h2з текстом:Hello, {name}.
- Створіть компонент з назвою
- Створення батьківського компонента
- Створіть компонент з назвою
App. - Відображайте компонент
Greetingвсередині нього. - Передайте значення
"Oliver"у пропname.
- Створіть компонент з назвою
- Відображення компонента
App- Відобразіть компонент
Appза допомогоюroot.render.
- Відобразіть компонент
- Дочірній компонент отримує дані через пропси.
- Використовуйте
{props.name}всередині JSX. - Передавайте проп
nameпри відображенніGreeting. - Компонент
Appмає бути відображений у DOM.
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 2. Розділ 2
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Чудово!
Completion показник покращився до 4
Завдання: Створення Функціональних Компонентів
Свайпніть щоб показати меню
Створіть функціональний компонент React, який відображає привітальне повідомлення з використанням пропсів.
Завдання складається з двох частин:
- Створення дочірнього компонента
- Створіть компонент з назвою
Greeting. - Приймайте проп з назвою
name. - Відображайте елемент
h2з текстом:Hello, {name}.
- Створіть компонент з назвою
- Створення батьківського компонента
- Створіть компонент з назвою
App. - Відображайте компонент
Greetingвсередині нього. - Передайте значення
"Oliver"у пропname.
- Створіть компонент з назвою
- Відображення компонента
App- Відобразіть компонент
Appза допомогоюroot.render.
- Відобразіть компонент
- Дочірній компонент отримує дані через пропси.
- Використовуйте
{props.name}всередині JSX. - Передавайте проп
nameпри відображенніGreeting. - Компонент
Appмає бути відображений у DOM.
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 2. Розділ 2