Menu

loading.js

Eine loading-Datei kann sofortige Ladestatuszustände erstellen, die auf Suspense basieren.

Standardmäßig ist diese Datei eine Server-Komponente - kann aber auch als Client-Komponente durch die "use client"-Direktive verwendet werden.

app/feed/loading.tsx
TypeScript
export default function Loading() {
  // Oder eine benutzerdefinierte Loading-Skeleton-Komponente
  return <p>Lädt...</p>
}

Loading-UI-Komponenten akzeptieren keine Parameter.

Hinweis:

  • Beim Entwerfen von Loading-UI kann es hilfreich sein, die React Developer Tools zu verwenden, um Suspense-Grenzen manuell zu togglen.

Versionshistorie

VersionÄnderungen
v13.0.0Einführung: loading