[React] TanStack Query 3. isPending vs is isFetching

null·2025년 8월 19일
0

React

목록 보기
16/18

isFetching : 로딩

  • 해당 코드

  • 적용 후

isPending vs is isFetching 비교

  • refetch() 실행 시 "Fetching 중" 으로 표시됨 -> 데이터를 새로 불러오는 중임을 알려줌

  • isPending
    : 최초 쿼리 실행 시 true (처음데이터를 불러 올 때만 로딩 상태를 보여줌)
    : refetch()로 다시 가져올 때는 변하지 않음

  • isFetching
    : 데이터 요청이 진행 중일 때 true, 완료되면 false
    : 모든 fetching 진행 여부 (재요청 포함)

  • refetch
    : 수동으로 데이터를 다시 가져오는 함수

0개의 댓글