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