[react query] 즉시 새로운 데이터를 가져오기

By | 12월 18, 2024

방법 1

queryClient.invalidateQueries({ queryKey });
await queryClient.refetchQueries({ queryKey }); // 데이터를 즉시 새로 가져옴
  • 두 개의 함수를 호출해야 한다는 것, await 에도 주의하자.

방법 2

refetch(); // 데이터를 새로 가져오고 useQuery의 결과를 업데이트



지금 새로운 데이터를 fetch 하지 않아도 되는데, 캐시는 확실히 지워야 할 경우

  • e.g.) edit modal 닫을 때 cache clear
queryClient.removeQueries({ queryKey });


모든 캐시를 다 지우고 싶을 경우

  • e.g.) 로그인시
queryClient.clear();
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments