ReactJS: Fallback mà không có Suspense

Bạn có thể chỉ định một fallback trong cac tùy chọn loadable.

const OtherComponent = loadable(() => import('./OtherComponent'), {
fallback: <div>Loading...</div>,
})

function MyComponent() {
  return (
    <div>
      <OtherComponent />
    </div>
  )
}

Bạn cũng có thể chỉ định một fallback trong các prop:

const OtherComponent = loadable(() => import('./OtherComponent'))

function MyComponent() {
  return (
    <div>
      <OtherComponent fallback={<div>Loading...</div>} />
    </div>
  )
}