loading.js

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

Standardmäßig handelt es sich bei dieser Datei um eine Server-Komponente (Server Component) - sie kann jedoch auch als Client-Komponente durch die "use client"-Direktive verwendet werden.

export default function Loading() {
  // Oder eine benutzerdefinierte Lade-Skeleton-Komponente
  return <p>Loading...</p>
}

Lade-UI-Komponenten akzeptieren keine Parameter.

Wissenswert:

  • Beim Entwerfen von Lade-UIs kann es hilfreich sein, die React Developer Tools zu verwenden, um Suspense-Grenzen manuell umzuschalten.

Versionsverlauf

VersionÄnderungen
v13.0.0loading eingeführt.

On this page