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 。 |
這有幫助嗎?