単純なReact.Suspenceの使用例

simple-suspence.js

let done = false
const LazyComponent = () => {
    if (!done) {
        throw new Promise(resolve => {
            window.setTimeout(() => {
                done = true
                resolve()
            }, 3000)
        })
    }
    return <p>Happy Suspence</p>
}


const App = () => {
  return (
    <Suspence fallback={<p>wait 3m</p>}>
      <LazyComponent />
    </Suspence>
  )
}