Suspense 主要是為了解決非同步渲染的問題。
Suspense 是一個 Component,功能是在非同步操作未完成時等待,同時給予 Loading 的狀態,直到操作完成才渲染元件。
const Component = React.lazy(() => import('./Component'));
const App = () => {
return (
<Suspense fallback={<Loading />}>
<Component />
</Suspense>
);
}
Suspense for Data Fetching (Experimental)