loading.js

loading 檔案可以建立基於 Suspense 的即時載入狀態。

預設情況下，此檔案是一個 伺服器元件 (Server Component) - 但也可以透過 "use client" 指令作為用戶端元件 (Client Component) 使用。

export default function Loading() {
  // 或自訂的載入骨架元件
  return <p>'Loading...'</p>
}

載入 UI 元件不接受任何參數。

小知識

• 在設計載入 UI 時，您可能會發現使用 React 開發者工具 (React Developer Tools) 手動切換 Suspense 邊界很有幫助。

版本歷史