DOM и React Senior Паттерны компонентов обновлено
Модалка и Escape
Условие
Модальное окно: показывается, когда open, закрывается по нажатию Escape (вызов onClose). Слушатель не должен оставаться после закрытия.
Что проверяют тесты
скрыта, когда закрыта
показывается
Escape закрывает
слушатель снимается
Как подойти
Порядок важен: хуки сверху, условный return ниже. Эффект зависит от open и снимает слушатель в очистке. Полноценная модалка добавляет портал в body, блокировку прокрутки, ловушку фокуса и aria-modal - проговори это как следующий шаг.
Подсказки: 2
- Эффект вешает слушатель только при open.
- Ранний return null должен стоять после всех хуков.
Решите в тренажёре
Редактор с автотестами прямо в браузере. Можно решить спокойно, вслух или под таймером, как на собесе.