React.Suspense

Reactが提供するComponentの1つ

子のComponentがrenderingされる準備ができていない場合に、fallbackを表示する

例

code:ts

function MyComponent() {

return (

<React.Suspense fallback={<Spinner />}>

<Child/>

</React.Suspense>

);

}

以下の用途で使われる

子をLazy Loadingの読込中にfallbackを表示

子がdata fetchingをしている時にfallbackを表示