react-query resetQueries, removeQueries

2023. 12. 5. 10:52·React

react-query 사용시 남아있는 캐시를 날리기 위해
resetQueries 나 removeQueries를 사용한다. 

모든 퀴리를 삭제하거나 reset하는경우 

// reset
return queryClient.resetQueries()

// remove
queryClient.removeQueries()

 

여러개의 쿼리키를 삭제나 reset하는경우 

map 를 사용해서 여러개를 Reset할수 있다. 

   const qurieskeies = ['getOrderExistData', 'getCouponsSummary', 'getProfileAccumulationsSummary', 'getProfileOrders', 'getProfile',
  'getProfileOrders']

    qurieskeies.map((querykey) => {
      console.log(querykey)
      return queryClient.resetQueries({queryKey: [querykey]})
    })

 

'React' 카테고리의 다른 글

TanStack Query의 gcTime과 staleTime 비교  (0) 2025.12.30
react tailwind setting, config  (0) 2023.10.29
getInitialProps로 header정보 넘기기  (0) 2023.10.26
React Query Promise.all, useQueries  (0) 2023.09.15
react 프로젝트에서 import순서 정렬  (0) 2023.09.08
'React' 카테고리의 다른 글
  • TanStack Query의 gcTime과 staleTime 비교
  • react tailwind setting, config
  • getInitialProps로 header정보 넘기기
  • React Query Promise.all, useQueries
ssund
ssund
  • ssund
    ssund의 기술블로그
    ssund
  • 전체
    오늘
    어제
    • TECH (82)
      • Next.js (8)
      • React (25)
      • Vite (1)
      • javascript (17)
      • CSS (6)
      • CS (10)
      • AWS (0)
      • Jest (1)
      • CI|CD (0)
      • 알고리즘 (8)
      • Tools (1)
      • Tips (5)
  • 블로그 메뉴

    • 링크

    • 공지사항

    • 인기 글

    • 태그

      call signatures
      app-router
      git배포
      함수와 메서드차이
      웹브라우저구성
      styled-components
      react state management
      TypeScript
      global-style
      reat-head
      nextjs
      Array.sort()
      서버컴포넌트
      React
      커머스프로젝트
      theme-provider
      redux
      JavaScript
      타입스크립트
      배열요소순서
    • 최근 댓글

    • 최근 글

    • hELLO· Designed By정상우.v4.10.0
    ssund
    react-query resetQueries, removeQueries
    상단으로

    티스토리툴바