loading.js

loading ファイルは、Suspense をベースに構築された、即座にローディング状態を作成できます。

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

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

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

知っておくと便利:

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

バージョン履歴