Suspense

React Suspense 是 React 中的一项功能，它允许组件在等待某些事情发生时 "暂停" 渲染，例如从 API 获取数据或加载图像。Suspense 允许开发者通过在组件等待所需数据可用时渲染占位符或回退组件，从而创建更无缝的用户体验。

以下是 React Suspense 的工作原理概述：

• 使用 Suspense 的组件将可能需要 "暂停" 渲染的组件包裹在一个 Suspense 组件中。
• 当包裹的组件需要暂停渲染时，它会抛出一个 Promise。
• Suspense 组件捕获 Promise，并在 Promise 处理过程中渲染一个回退组件。
• 当 Promise 解决时，包裹的组件会使用所需数据被渲染。