当使用 React.lazy 加载组件时,首次尝试渲染这个懒加载组件之前(即在延迟加载之前),会触发 Suspense 边界(Suspense Boundary)。Suspense 边界是指用 Suspense 组件包裹起来的部分 UI,它会渲染一个备用内容(fallback),直到组件的代码加载完成。然后,才会渲染实际的组件内容。
长期以来,很多开发者都在期待 React 官方在客户端支持 Suspense 进行数据获取(在使用服务器组件 RSCs 时,它已经支持)。
但直到现在,官方并没有真正提供这样的支持。
尽管如此,很多库(比如 TanStack Query)通过研究 React 的内部机制实现了这个功能。因此,目前有很多生产中的应用正在使用 Suspense 来在客户端进行数据获取。
标签:渲染,6.13,React,Suspense,组件,加载 From: https://www.cnblogs.com/liyize/p/18256524