일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- tailwind
- Cypress
- React
- 결정 알고리즘
- 공변성
- RTK Query
- useAppDispatch
- 인터섹션
- 반공변성
- CORS
- TS
- ESlint
- 태그된 유니온
- Promise
- 무한 스크롤
- webpack
- map
- autosize
- 리터럴 타입
- recoil
- 타입 좁히기
- Jest
- app router
- 호이스팅
- SSR
- 이분 검색
- async/await
- dfs
- CI/CD
- 투포인터
Archives
- Today
- Total
목록isLoading (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