Spec-Zone.ru › Next.js

default.js

Файл default.js используется для отображения резервного варианта в параллельных маршрутах, когда Next.js не может восстановить активное состояние слота после полной перезагрузки страницы.

Во время мягкой навигации Next.js отслеживает активное состояние (подстраницы) для каждого слота. Однако при жёсткой навигации (полной перезагрузке страницы) Next.js не может восстановить активное состояние. В этом случае для подстраниц, не соответствующих текущему URL, может быть отображён файл default.js.

Рассмотрим следующую структуру папок. У слота @team есть страница settings, но у @analytics её нет.

Parallel Routes unmatched routesParallel Routes unmatched routes

При переходе на /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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API