default.js
Файл default.js
используется для отображения запасного варианта в параллельных маршрутах (Parallel Routes), когда Next.js не может восстановить активное состояние слота (slot) после полной загрузки страницы.
При мягкой навигации (soft navigation) Next.js отслеживает активное состояние (подстраницу) для каждого слота. Однако при жёсткой навигации (полной загрузке страницы) Next.js не может восстановить активное состояние. В этом случае для подстраниц, которые не соответствуют текущему URL, может быть отображён файл default.js
.
Рассмотрим следующую структуру папок. Слот @team
имеет страницу settings
, а @analytics
— нет.

При переходе на /settings
слот @team
отобразит страницу settings
, сохраняя текущую активную страницу для слота @analytics
.
При обновлении страницы Next.js отобразит default.js
для @analytics
. Если default.js
не существует, вместо него будет отображена ошибка 404
.
Кроме того, поскольку children
является неявным слотом, вам также необходимо создать файл default.js
для отображения запасного варианта для children
, когда Next.js не может восстановить активное состояние родительской страницы.
Пропсы
params
(опционально)
Объект, содержащий динамические параметры маршрута (dynamic route parameters) от корневого сегмента до подстраниц слота. Например:
Пример | URL | params |
---|---|---|
app/@sidebar/[artist]/default.js | /zack | { artist: 'zack' } |
app/@sidebar/[artist]/[album]/default.js | /zack/next | { artist: 'zack', album: 'next' } |