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

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

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

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