loading.js

Файл loading позволяет создавать мгновенные состояния загрузки на основе Suspense.

По умолчанию этот файл является Серверным компонентом (Server Component), но также может использоваться как клиентский компонент с помощью директивы "use client".

export default function Loading() {
  // Или кастомный компонент-скелетон загрузки
  return <p>Загрузка...</p>
}
export default function Loading() {
  // Или кастомный компонент-скелетон загрузки
  return <p>Загрузка...</p>
}

Компоненты UI загрузки не принимают никаких параметров.

Полезно знать

  • При разработке UI загрузки может быть полезно использовать React Developer Tools для ручного переключения границ Suspense.

История версий

ВерсияИзменения
v13.0.0Добавлен loading.