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 skeleton de chargement personnalisé
  return <p>Chargement...</p>
}
export default function Loading() {
  // Ou un composant skeleton de chargement personnalisé
  return <p>Chargement...</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 Suspense.

Historique des versions

VersionModifications
v13.0.0Introduction de loading.