Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Challenge: Load User Data from an API | Стан і Побічні Ефекти
Вступ до React

Challenge: Load User Data from an API

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

Завдання

Створення простого профілю користувача, який завантажує дані користувача з API-функції за допомогою useEffect.

Компонент має містити:

  1. Змінну стану з назвою user. Початкове значення — null.

  2. Хук useEffect.

  • Виклик функції fetchUser всередині ефекту.
  • Використання .then() для отримання відповіді.
  • Збереження відповіді у стані user за допомогою setUser.
  1. Якщо user дорівнює null, відображення абзацу (p елемент) з текстом Loading user....

  2. Якщо user існує, відображення:

  • Заголовка (h2 елемент) з іменем користувача.
  • Абзацу (p елемент) з посадою користувача.

Початковий код

Відкрийте стартовий проєкт нижче та завершіть відсутні частини компонента.

Starter code

Розв'язок

Можна порівняти свій результат із фінальним розв'язком нижче.

Solution code

Все було зрозуміло?

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

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

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

Запитати АІ

expand

Запитати АІ

ChatGPT

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

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