[React-Query v3] isLoading 과 isFetching 차이

isFetching은 비동기 쿼리가 해결되지 않았음을 의미합니다.

아직 Fetching을 완료하지 않았지만 쿼리가 Axios 호출 또는 GraphQL호출일 수 있습니다.

 

isLoading은 데이터를 가져오는 상태에 있음을 의미합니다.

쿼리 함수가 아직 완료되지 않음을 의미합니다.

그리고 캐시된 데이터도 없습니다.

 

별 차이는 없어보이지만, Pagination이나 Infinite scroll 을 구현할 때

캐시된 데이터가 있는가에 따라 isFetching 과 isLoading을 구분하여 사용할 수 있다.