YG1ee Weblog

  • 홈
  • 태그
  • 방명록

react 1

useQuery의 re-fetch 시 data의 동작과, 이전 값 유지하기

useQuery는 기본적으로 re-fetch 시마다 data가 undefined로 바뀐다.이게 문제가 되는 상황을 직면하게 됐는데, 한 페이지 안에서 re-fetch를 할 때다.위의 예시에서는, 버튼을 누를 때마다 데이터를 새로 받아오게 되는데, 데이터가 캐시되기 전, 새로운 데이터를 받아올 때마다 "자료를 불러오는 중…"이 떠서 좋지 않은 사용 경험을 줄 수 있다. (받아오고 렌더링하는 데이터의 양이 많아서 페이지가 긴데, 버튼을 누를 때마다 확 줄어들었다가, 다시 확 늘어나는 게 반복된다고 생각해보자.) 그래서 나는 화면이 마구 바뀌기보다, 재요청한 데이터가 수신 완료됐을 때 바뀌면 좋겠다고 생각했다.사실 걱정이 앞섰다. '"아 useQuery 그렇게 쓰는 거 아닌데~" 하며 onSuccess, on..

React.js 2024.11.12
이전
1
다음
더보기
프로필사진

YG1ee Weblog

YG1ee의 개발 블로그 입니다.

  • 분류 전체보기 (10)
    • Next.js (2)
    • React.js (1)
    • TypeScript (2)
    • JavaScript (1)
    • Linux (3)
    • 기타 (1)

Tag

SVG, react, 리눅스, 기본값 매개변수, 우분투, 내장메서드, webpack, 티스토리챌린지, ubuntu, React-Query, tar, Next.js, JavaScript, 오블완, es2022, typescript, Linux, 구조분해할당, tanstack-Query, useQuery,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바