📚 이론정리/React & Next.js

✏️ useQuery enabled와 retry

서카츄 2024. 9. 10. 07:44

 

TanStack Query를 공부하다가 useQuery에 대해서 좀더 작성해 보려고 한다.

useQuery는 데이터를 불러올때 가져오는 속성인데, 대부분 프로젝트에서 `queryKey`와 `queryFn`정도로만 사용했었다.

하지만 프로젝트를 하면서 더 추가로 enabled와 retry 속성에 대해서 공부를 해보았다.

 

 

 


 

 

enabled

초기 상태 관리: 처음 페이지를 로드할때 정보를 불러오지 않는다.

ex) 사용자가 로그인한 이후에만 유저 정보가 필요한데, 사용자가 로그인한 이후에만 유저정보를 가져오려고 할때 활용할 수 있다.

 

 

 

 

 

retry

데이터가 false로 실패한 쿼리는 다시 시도하지 않는다.

ex) 사용자 데이터를 불러오고 정보가 실패했으면, 다음 실패한 쿼리는 시도하지 않는다.

 

 

 

 


 

useQuery의 속성이 많아서 하나씩 천천히 공부해 나가야겠다.

 

 

 

Docs

 

TanStack | High Quality Open-Source Software for Web Developers

Headless, type-safe, powerful utilities for complex workflows like Data Management, Data Visualization, Charts, Tables, and UI Components.

tanstack.com