loading.js
Un archivo loading puede crear estados de carga instantáneos basados en Suspense.
Por defecto, este archivo es un Componente del Servidor (Server Component), pero también puede usarse como un Componente del Cliente (Client Component) mediante la directiva "use client"
.
export default function Loading() {
// O un componente esqueleto de carga personalizado
return <p>Cargando...</p>
}
export default function Loading() {
// O un componente esqueleto de carga personalizado
return <p>Cargando...</p>
}
Los componentes de interfaz de usuario (UI) de carga no aceptan ningún parámetro.
Dato útil
- Al diseñar la interfaz de carga, puede resultarle útil utilizar las React Developer Tools para alternar manualmente los límites de Suspense.
Historial de versiones
Versión | Cambios |
---|---|
v13.0.0 | Se introdujo loading . |