Next.js · Junior · Frage 11 von 75
Wofür ist die Datei loading.tsx?
- 1Ein sofortiges Fallback für das Segment: Next.js umhüllt die Seite mit
<Suspense> - 2Sie erscheint nur beim ersten Besuch der Website, wie ein Splash Screen
- 3Sie setzt einen Ladeindikator für alle
fetch-Requests im Browser
Antwort zeigen
Richtige Antwort: Ein sofortiges Fallback für das Segment: Next.js umhüllt die Seite mit <Suspense>
Erklärung
Next.js umhüllt page (und verschachtelte Segmente) automatisch mit <Suspense fallback={<Loading />}>. Der Nutzer sieht sofort das Layout und ein Skeleton, der Inhalt wird gestreamt, sobald er bereit ist. Für feinere Kontrolle setzt man eigene <Suspense> in die Seite.