sanguk.dev
작성완료
Recoil Selector에서 비동기 함수를 사용했을 때 에러처리 방법

Recoil Selector에서 비동기 함수를 사용했을 때 에러처리 방법

RecoilRoot>를 사용하여 컴포넌트를 감싸고, React.Suspense를 통해 클라이언트가 준비되지 않은 상황을 처리하는 방법을 설명한다.

Reactrecoil

RecoilRoot 찾기

<RecoilRoot> ... </RecoilRoot>를 사용한 컴포넌트로 이동한다.

코드

typescript
<RecoilRoot>
  <React.Suspense fallback={<Loading />}>
    {children}
  </React.Suspense>
</RecoilRoot>

React.Suspense를 사용하여 클라이언트가 아직 준비되지 않은 상황의 처리를 할 수 있다.