Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Завдання: Створення Функціональних Компонентів | Багаторазові Компоненти та Потік Даних
Вступ до React

bookЗавдання: Створення Функціональних Компонентів

Створіть функціональний компонент React, який відображає привітальне повідомлення з використанням пропсів.

Завдання складається з двох частин:

  1. Створення дочірнього компонента
    • Створіть компонент з назвою Greeting.
    • Приймайте проп з назвою name.
    • Відображайте елемент h2 з текстом: Hello, {name}.
  2. Створення батьківського компонента
    • Створіть компонент з назвою App.
    • Відображайте компонент Greeting всередині нього.
    • Передайте значення "Oliver" у проп name.
  3. Відображення компонента App
    • Відобразіть компонент App за допомогою root.render.
  • Дочірній компонент отримує дані через пропси.
  • Використовуйте {props.name} всередині JSX.
  • Передавайте проп name при відображенні Greeting.
  • Компонент App має бути відображений у DOM.
Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 2

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

bookЗавдання: Створення Функціональних Компонентів

Свайпніть щоб показати меню

Створіть функціональний компонент React, який відображає привітальне повідомлення з використанням пропсів.

Завдання складається з двох частин:

  1. Створення дочірнього компонента
    • Створіть компонент з назвою Greeting.
    • Приймайте проп з назвою name.
    • Відображайте елемент h2 з текстом: Hello, {name}.
  2. Створення батьківського компонента
    • Створіть компонент з назвою App.
    • Відображайте компонент Greeting всередині нього.
    • Передайте значення "Oliver" у проп name.
  3. Відображення компонента App
    • Відобразіть компонент App за допомогою root.render.
  • Дочірній компонент отримує дані через пропси.
  • Використовуйте {props.name} всередині JSX.
  • Передавайте проп name при відображенні Greeting.
  • Компонент App має бути відображений у DOM.
Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 2
some-alt