YG1ee Weblog

  • 홈
  • 태그
  • 방명록

React.js 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

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

티스토리툴바