loading.js

loadingファイルは、Suspenseを基にした即時の loading 状態を作成することができます。

default で、このファイルはServer Component - ですが、"use client"ディレクティブを通じて Client Component としても使用できます。

export default function Loading() {
  // Or a custom loading skeleton component
  return <p>Loading...</p>
}

export default function Loading() {
  // Or a custom loading skeleton component
  return <p>Loading...</p>
}

Loading UIComponent は、パラメータを受け付けません。

Good to know

• loading UI を設計する際、React Developer Tools を使って手動で Suspense バウンダリーを切り替えると役立つかもしれません。

Version History