데이터 수정/삭제시 쿼리키 invalidateQueries

728x90
반응형

데이터 수정/삭제시 invalidateQueries로 데이터 업데이트 함

queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.POSTS] });

 

 

쿼리키 구조가 다른, 카데고리들

export type Category = 'knowHow' | 'recommendation' | 'sharing' | 'habit' | 'noCategory' | 'total';
 <PostList queryKey={[category]} queryFn={getCategoryPosts(category)} sortBy={sortBy} />

데이터 수정/삭제시 해당 쿼리키를  어떻게 invalidateQueries로 데이터 업데이트 할지

 

방법.

1. 카테고리를  [QUERY_KEYS.POSTS] 처럼 6가지를 구현함

2. 쿼리키 배열로 여러개의 쿼리키를 사용한다.

 

 

가능한 기존 코드를 변경하지 않고 + invalidateQueries 하는 방법은 무엇인지 확인중.

반응형