跳至內容

loading.js

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

預設情況下,此檔案是 伺服器組件,但也可以透過 "use client" 指令作為客戶端組件使用。

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

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

注意事項:

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

版本歷史記錄

版本變更
v13.0.0新增 loading