iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 19
1

為什麼需要 Suspense?

Suspense 主要是為了解決非同步渲染的問題。

什麼是 Suspense?

Suspense 是一個 Component,功能是在非同步操作未完成時等待,同時給予 Loading 的狀態,直到操作完成才渲染元件。

如何使用 Suspense?

const Component = React.lazy(() => import('./Component'));

const App = () => {
  return (
     <Suspense fallback={<Loading />}>
        <Component />
     </Suspense>
  );
}

參考資料

Suspense for Data Fetching (Experimental)


上一篇
useEffect & useLayoutEffect
下一篇
一種簡化條件判斷的寫法
系列文
那些我還沒深入理解就開始使用的東西30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言