Suspense 与加载体验

理解 Suspense 边界「抛出 Promise、就近接管」的机制,按用户等待粒度设计边界位置,用嵌套边界与 startTransition 避免整页反复闪烁。

React核心约 25 分钟
开始学习
学习目标
  • 复述 Suspense 机制:子组件抛出 Promise,最近的边界显示 fallback,就绪后重试渲染
  • 按用户等待粒度放置边界,让加载只发生在对应区域
  • 用 startTransition 包住导航类更新,验证旧内容保留、不再整页闪烁
知识点
Suspensefallback边界粒度加载体验

内容版本 1.0.0,核验于 2026-10-26

Command Palette

Search for a command to run...