⏳ 加载完成!
页面模拟了 3 秒延迟,期间显示了 loading.tsx 骨架屏
app/routing-demo/slow-page/loading.tsxloading.tsx 的工作原理
- 与 page.tsx 同级的 loading.tsx 自动生效
- 页面异步加载时显示骨架屏,加载完成后自动替换
- 支持嵌套:子路由的 loading 会覆盖父级的 loading
- 基于 React Suspense,无缝集成并发模式
页面模拟了 3 秒延迟,期间显示了 loading.tsx 骨架屏
app/routing-demo/slow-page/loading.tsx