Challenge: Load User Data from an API
Свайпніть щоб показати меню
Завдання
Створення простого профілю користувача, який завантажує дані користувача з API-функції за допомогою useEffect.
Компонент має містити:
-
Змінну стану з назвою
user. Початкове значення —null. -
Хук
useEffect.
- Виклик функції
fetchUserвсередині ефекту. - Використання
.then()для отримання відповіді. - Збереження відповіді у стані
userза допомогоюsetUser.
-
Якщо
userдорівнюєnull, відображення абзацу (pелемент) з текстомLoading user.... -
Якщо
userіснує, відображення:
- Заголовка (
h2елемент) з іменем користувача. - Абзацу (
pелемент) з посадою користувача.
Початковий код
Відкрийте стартовий проєкт нижче та завершіть відсутні частини компонента.
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 3. Розділ 4
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Секція 3. Розділ 4