React.Suspense
Reactが提供するComponentの1つ
子のComponentがrenderingされる準備ができていない場合に、fallbackを表示する
例
tsfunction MyComponent() {
return (
<React.Suspense fallback={<Spinner />}>
<Child/>
</React.Suspense>
);
}
以下の用途で使われる
子をLazy Loadingの読込中にfallbackを表示
子がdata fetchingをしている時にfallbackを表示