React中如何使用Suspense

前言

什么是 Suspense

– React

解决异步加载组件时的 loading 问题，处理两种场景：

• 组件的代码分割，加载组件时的 loading 问题
• 组件的数据获取，加载数据时的 loading 问题

加载数据的 loading 展示处理上， 看似是对 loading 的封装， 但实际上是底层的渲染逻辑的变化。 Suspense 对 React 的意义在哪里？ - 掘金

React 之 Suspense - 掘金

解决什么问题

React 切换成 Concurrent Renderer 之后，

如何使用

结合 react-query

Suspense | TanStack Query Docs

实现原理

React 的 Suspense 和 ErrorBoundary 还有这种关系？ - 掘金

技术总结

next.js 中先用用。