-
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
'📚 이론정리 > React & Next.js' 카테고리의 다른 글
✏️ shadcn/ui, Zod, React-Hook-Form으로 로그인&회원가입 페이지 만들기 (0) 2024.10.29 ✏️ Google map api 지도 설정하기 (0) 2024.09.14 ✏️ json-server 배포하기(with Render) (0) 2024.09.05 ✏️ useState는 비동기이다. 동기적으로 사용하는 방법? (1) 2024.08.28 ✏️ formData와 사용법, 비제어 컴포넌트 활용 (0) 2024.08.28 댓글