loading.js

Un fichier loading peut créer des états de chargement instantanés basés sur Suspense.

Par défaut, ce fichier est un Composant Serveur - mais peut également être utilisé comme Composant Client via la directive "use client".

export default function Loading() {
  // Ou un composant squelette de chargement personnalisé
  return <p>'Loading...'</p>
}
export default function Loading() {
  // Ou un composant squelette de chargement personnalisé
  return <p>'Loading...'</p>
}

Les composants d'interface utilisateur de chargement n'acceptent aucun paramètre.

Bon à savoir

  • Lors de la conception d'une interface utilisateur de chargement, vous pouvez trouver utile d'utiliser les Outils de développement React pour basculer manuellement les limites de Suspense.

Historique des versions

VersionChangements
v13.0.0Introduction de loading.