react-query를 이용해서 필요할 때만 데이터를 가져오고 싶어요.

Question

회원인 유져는 회원의 추가 정보들을 가져오고, 비회원인 경우는 추가 정보는 아예 조회하지 않도록 하고 싶어요 어떻게 하면 좋을까요????

엄홍재 · Answer

enable 을 사용해보면 어떤가요?
enable을 통해 해당 쿼리를 가져올지 말지 여부를 결정할 수 있어요
아래는 공식문서의 코드입니다.

email을 통해 유저의 정보를 가져오고 id의 여부에 따라 추가 데이터를 가져오는 코드입니다.

const { data: user } = useQuery([user, email], getUserByEmail)
 
 const userId = user?.id
 
 const { isIdle, data: projects } = useQuery(
   [projects, userId],
   getProjectsByUser,
   {
     enabled: !!userId,
   }
 )

https://react-query-v3.tanstack.com/guides/dependent-queries