• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

Suspense 동작 질문드립니다.

24.04.13 22:04 작성 24.04.13 22:04 수정 조회수 104

0

Suspense 컴포넌트를 아래처럼 TabDeciderSuspense 컴포넌트 안에 포함시켰더니 데이터 페칭하는 동안 Tab, PostForm 컴포넌트가 로딩 스피너 때문에 보이지 않던데 Suspense 컴포넌트는 데이터 페칭하는 컴포넌트 밖으로 무조건 빼야 제대로 동작하는 건가요?

    <Suspense fallback={"Loading..."}>
      <HydrationBoundary state={dehydratedState} queryClient={queryClient}>
        <TabDecider />
      </HydrationBoundary>
    </Suspense>

답변 1

답변을 작성해보세요.

1

네, 데이터 페이칭하는 컴포넌트 바깥에 있어야 페칭 시 해당 서스펜스에 걸리게 됩니다.