default.js
Файл default.js используется для отображения резервного варианта в параллельных маршрутах, когда Next.js не может восстановить активное состояние слота после полной перезагрузки страницы.
Во время мягкой навигации 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 (необязательно)
Объект, содержащий параметры динамического маршрута от корневого сегмента до подстраниц слота. Например:
| Пример | URL | params |
|---|---|---|
app/@sidebar/[artist]/default.js |
/zack |
{ artist: 'zack' } |
app/@sidebar/[artist]/[album]/default.js |
/zack/next |
{ artist: 'zack', album: 'next' } |
© 2024 Vercel, Inc.
Licensed under the MIT License.
https://nextjs.org/docs/app/api-reference/file-conventions/default