🏠 首页关于定价商品🧪 路由实验室✏️ 低代码编辑器

⏳ 加载完成!

页面模拟了 3 秒延迟,期间显示了 loading.tsx 骨架屏

app/routing-demo/slow-page/loading.tsx

loading.tsx 的工作原理

  • 与 page.tsx 同级的 loading.tsx 自动生效
  • 页面异步加载时显示骨架屏,加载完成后自动替换
  • 支持嵌套:子路由的 loading 会覆盖父级的 loading
  • 基于 React Suspense,无缝集成并发模式
返回实验室