Sobes.tech
Назад к задачам
Junior — Middle+
99

React‑компонент для вывода списка пользователей

Компании, где спрашивали:
X5 groupX5 group

Условие задачи

livecode

  1. Получить массив пользователей с эндпоинта https://jsonplaceholder.typicode.com/users.
  2. Вывести их email‑адреса в виде списка (<ul>).
  3. При клике по email открывать модальное окно (<dialog>).
  4. Внутри модального окна разместить:
    • Заголовок с полным именем пользователя (<header>).
    • Секцию с подробной информацией (<section>).
    • Кнопку закрытия в нижнем колонтитуле (<footer>).
  5. В основной части модального окна отобразить перечень данных пользователя:
    • email
    • username
    • полный адрес (все поля из объекта address).