Suspense란?
- React의 컴포넌트의 랜더링을 어떤 작업이 끝날 때까지 잠시 중단시키고 다른 컴포넌트를 먼저 랜더링 할 수 있습니다.
- 컴포넌트가 읽어야 하는 데이터가 준비되지 않았다고 리액트에게 알려주는 매커니즘입니다.
기본문법
- 컴포넌트를 아래와 같이 Suspense로 감싸주면 컴포넌트의 랜더링을 특정 작업 이후로 미루고, 작업이 끝날때까지는
fallback
속성으로 넘긴 컴포넌트를 대신 보여줄 수 있습니다.
<Suspense fallback={<Spinner />}>
<UserList />
</Suspense>