标签：Suspense

Suspense 的最小实现只有四步——组件在渲染中 throw 一个 thenable → 渲染器捕获它、向上找到最近的边界 → 把「正在等的 promise」记在边界上并让本次渲染作废（重渲染时边界就渲染 fallback）→ promise resolve 时「ping」一次触发重渲染；

赞(0)陌上寒2026-10-1811-手写实现 阅读()去评论

传统 SSR 必须「等所有数据就绪才返回 HTML」，流式渲染（Streaming SSR）改成「先把外壳（shell）发给浏览器，慢的部分用 Suspense 占位、数据就绪后再流式补上」——从而改善 TTFB 与首屏可见时间。

赞(0)陌上寒2026-10-1609-服务端渲染与框架 阅读()去评论

Suspense 的语义是「在等待某件事完成时显示 fallback」——目前最常用于「懒加载（lazy）」，同时是「并发渲染 + 流式 SSR + React 19 的 use」的基础设施。

赞(0)陌上寒2026-10-1608-副作用与错误处理 阅读()去评论

Suspense 不只是「显示 fallback」——它背后是一套调度机制：挂起会被登记为「挂起的车道（suspendedLanes）」并监听 promise 完成（ping），而是否显示 fallback 取决于「这次更新是不是 transition」（transition 中挂起会保留旧内容）。

赞(0)陌上寒2026-10-1404-渲染机制与原理 阅读()去评论