跳到内容

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 Developer Tools 手动切换 Suspense 边界很有帮助。

版本历史

版本变更
v13.0.0引入了 loading