Next.js · Senior · Запитання 43 з 75
Як влаштований патерн модалки зі збереженням URL в App Router?
- ✓Правильна відповідь: Слот
@modal, перехоплення(.)photo/[id]іdefault.tsx - 2Стан модалки в Context і ручний
history.pushState - 3Окремий маршрут
/modal, що відкривається всередині<iframe>
Пояснення
Під час клієнтського переходу перехоплювач рендерить контент у слоті модалки поверх поточної сторінки, URL відображає відкритий елемент, посиланням можна поділитися. Під час прямого заходу відкривається повна сторінка. Закриття - router.back(). default.tsx гарантує порожній слот, коли модалка не активна.