Chunho’s DevLife

  • 홈
  • 태그
  • 방명록

QueryClient # 1

[React] React-Query 쿼리무효화, queryClient.invalidateQueries()

React-Query를 사용하여 useMutation Hook을 만들고 API서버에 POST요청을 하여 데이터를 추가하였다. 이때 해당 키를 가지고 있는 쿼리를 무효화시키고 리패치를 하여 view에 바로 변경사항이 반영되도록 하기 위해 useMutation의 onSuccess 함수 안에 queryClient.invalidateQueries()를 사용하여 쿼리 무효화를 했다. 분명 devTool 에는 fresh, stale의 과정을 거치면서 쿼리가 무효화되고 리패칭이 되는 것을 확인했는데, view에는 변경사항이 바로 반영되지 않았으며, POST요청을 두 번 보냈을 때 변경사항이 반영되었다. 아마 시간차?의 문제라고 생각하고 위와 같이 POST요청 후 성공적으로 서버에 전송한 데이터를 Create 한 1초..

React.js 2022.01.20
이전
1
다음
더보기

방문자수Total

  • Today :
  • Yesterday :
프로필사진

Chunho’s DevLife

웹 프론트엔드, 모바일 게임 클라이언트를 개발하고 있습니다 :) 클린코드와 아키텍처에 관심이 많습니다.

  • 분류 전체보기 (113) N
    • Node.js (6)
    • React.js (60)
    • React-Native (4)
    • Java (7)
    • 자료구조 (0)
    • 알고리즘 (0)
    • 코딩테스트 (1)
    • AWS (5) N
    • Javascript (0)
    • ETC (9)
    • 컴퓨터 네트워크 (4)
    • 데이터 과학 (4)
    • Next.js (13)
    • 웹 해킹 (0)

Tag

framer-motion, Modal, javascript, reactnative, CSS, Next, Safari, CloudFront, API, react, react-native, SSR, useQuery, getStaticProps, nextjs, typescript, 성능최적화, react-query, login, rn,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

Copyright © Kakao Corp. All rights reserved.

  • GitHub
  • Instagram

티스토리툴바