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 。 |
这是否有帮助?