loading.js

loadingファイルは、Suspenseに基づいた即時のローディング状態を作成できます。

デフォルトでは、このファイルはサーバーコンポーネントですが、"use client"ディレクティブを使用してクライアントコンポーネントとしても使用できます。

export default function Loading() {
  // またはカスタムのローディングスケルトンコンポーネント
  return <p>読み込み中...</p>
}

ローディングUIコンポーネントはパラメーターを受け取りません。

補足:

• ローディングUIを設計する際、React Developer Toolsを使用してSuspenseの境界を手動で切り替えると役立つ場合があります。

バージョン履歴