React(v18) Suspense

miiin_sseong·2022년 6월 13일
0

Suspense란?

  • React의 컴포넌트의 랜더링을 어떤 작업이 끝날 때까지 잠시 중단시키고 다른 컴포넌트를 먼저 랜더링 할 수 있습니다.
  • 컴포넌트가 읽어야 하는 데이터가 준비되지 않았다고 리액트에게 알려주는 매커니즘입니다.

기본문법

  • 컴포넌트를 아래와 같이 Suspense로 감싸주면 컴포넌트의 랜더링을 특정 작업 이후로 미루고, 작업이 끝날때까지는 fallback속성으로 넘긴 컴포넌트를 대신 보여줄 수 있습니다.
<Suspense fallback={<Spinner />}>
   <UserList />
</Suspense>
profile
Github잔디를 채우기 위해 Github에서 적는중

0개의 댓글