loading.js

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

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

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

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

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

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

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

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