default.js

Die default.js-Datei wird verwendet, um einen Fallback innerhalb von Parallel Routes zu rendern, wenn Next.js den aktiven Slot-Zustand nach einem vollständigen Seitenladen nicht wiederherstellen kann.

Während der Soft Navigation behält Next.js den aktiven Zustand (Unterseite) für jeden Slot im Auge. Bei Hard Navigations (vollständiger Seitenladen) kann Next.js den aktiven Zustand jedoch nicht wiederherstellen. In diesem Fall kann eine default.js-Datei für Unterseiten gerendert werden, die nicht mit der aktuellen URL übereinstimmen.

Betrachten Sie die folgende Ordnerstruktur. Der @team-Slot hat eine settings-Seite, @analytics jedoch nicht.

Bei der Navigation zu /settings rendert der @team-Slot die settings-Seite, während die aktuell aktive Seite für den @analytics-Slot beibehalten wird.

Beim Aktualisieren rendert Next.js eine default.js für @analytics. Wenn default.js nicht existiert, wird stattdessen eine 404-Seite gerendert.

Da children ein impliziter Slot ist, müssen Sie auch eine default.js-Datei erstellen, um einen Fallback für children zu rendern, wenn Next.js den aktiven Zustand der übergeordneten Seite nicht wiederherstellen kann.

Props

params (optional)

Ein Objekt, das die dynamischen Routenparameter vom Wurzel-Segment bis zu den Unterseiten des Slots enthält. Zum Beispiel: