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の境界を手動で切り替えることが役立つ場合があります。

バージョン履歴