loading.js
loading 檔案可以建立基於 Suspense 的即時載入狀態。
預設情況下,此檔案是伺服器組件 - 但也可以透過 "use client"
指令作為客戶端組件使用。
app/feed/loading.tsx
export default function Loading() {
// Or a custom loading skeleton component
return <p>Loading...</p>
}
Loading UI 組件不接受任何參數。
要知道:
- 在設計載入 UI 時,您可能會發現使用 React 開發者工具 手動切換 Suspense 邊界很有幫助。
版本歷史
版本 | 變更 |
---|---|
v13.0.0 | 引入 loading 。 |
這有幫助嗎?