isLoading, isFetching 차이

#1 useQuery isLoading VS isFetching

useQuery의 isLoading과 isFetching

이 둘이 순간 헷갈렸던 적이 있는데요.

isLoading과 isFetching을 가장 간단하게 설명하면 isLoading은 처음 로드할 때, 아직 데이터가 없을 때 isFetching은 데이터를 다시 가져와야 할 때라고 말할 수 있을 것 같습니다.

 

1. 캐시가 없을 때 (첫 번째 쿼리를 가져올 때) isLoading이 true에서 false로 전환되면서 작동
2. 이미 캐시데이터가 있어 다시 가져오는 경우 (다른 구성 요소에서 쿼리를 사용하는 경우) isFetching이 true에서 false로 전환

 

useQuery는 이전에 캐시된 데이터를 반환하고 서버에서 다시 데이터를 가져와야 합니다. 이러한 경우 isLoading은 항상 false지만 isFetching은 true에서 false로 전환됩니다.