일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- app router
- recoil
- webpack
- CORS
- 타입 좁히기
- 이분 검색
- Promise
- autosize
- React
- 리터럴 타입
- ESlint
- CI/CD
- 결정 알고리즘
- 투포인터
- Cypress
- 태그된 유니온
- 인터섹션
- async/await
- tailwind
- 무한 스크롤
- 호이스팅
- useAppDispatch
- dfs
- SSR
- Jest
- RTK Query
- 반공변성
- TS
- 공변성
- map
Archives
- Today
- Total
목록isFetching (1)
짧은코딩
isFetching vs isLoading
isFetching vs isLoading isFetching은 비동기 쿼리가 해결되지 않았음을 의미한다. 즉, feching을 완료하지 않았다는 의미이다. async 함수가 해결되지 않았고 아직 데이터를 가져오는 중이다. isLoading은 isFetching의 하위 집합이며 데이터를 가져오는 상태라는 것을 의미한다. 쿼리 함수가 해결되지 않았고 캐시 된 데이터가 없다. 표시할 캐시 데이터도 없다는 의미이다. 즉, isLoading 상태이면 isFetching은 참이다. => 별 차이가 없어 보일 수 있지만 페이지네이션을 할 때, 캐시 된 데이터가 있을 때와 없을 때를 구분해야 한다. -예시 if (isFetching) return Loading...; 이 코드에서는 캐시 된 데이터의 존재와 상관없이 ..
인프런, 유데미/React-Query
2023. 3. 29. 23:55