[TanStack Query] isFetching vs isLoading

 

💡 tanstackQuery 가 데이터를 캐싱 한다는 점이 중요!!

 

isLoading 및 isFetching 속성은 데이터의 로드 상태를 나타내는 데 사용한다

 

isFetching

비동기 쿼리 함수가 해결안된 상태 → true (데이터를 가져오는 상태)

 

isLoading

isFetching 참이면서, 쿼리에 대한 캐시된 데이터가 없는 상태

isLoading 이 참이면, isFetching 도 참이다!

 

요약하면

isLoading 은 처음 data Fetching 을 할 때,

isFetching은 data Fetching 요청을 다시 할 때 (캐시된 데이터가 있을 때,,)

 

📌 즉, 결론적으로 isLoading과 isFetching은 비슷하게 '로딩' 이라는 개념을 사용하지만 기존에 캐시된 데이터가 있느냐 에 따라 다르다.