2. FrontEnd/React / / 2022. 10. 3. 15:14

[React Query] isLoading vs isFetching

▶️ isFetching

  • 비동기쿼리가 해결되지 않음
  • Fetching을 완료하지 않았다는 의미
  • 쿼리가 Axios호출이거나 GraphQL호출일 수도 있다

▶️ isLoading

  • isFetching에 대한 하위집합
  • 데이터를 가져오는 상태이고, 표시할 캐시 데이터도 없다는 의미
  • 쿼리함수가 아직 해결되지 않은 것이고, 캐시된 데이터도 없다
  • 즉, 이 쿼리를 만든 적이 없다는 의미
  • no cached data, plus isFetching

 

많은 차이가 없어보이지만,

나중에 페이지 매김(pagination)을 진행할 때 캐시된 데이터가 있을 떄와 없을 때를 구분해야하한다.

 

 

 

👍🏻참고자료

https://www.udemy.com/course/react-query-react/

 

 

728x90
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유