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 하는 방법은 무엇인지 확인중.
반응형
'TIL :: Today I Learned' 카테고리의 다른 글
리액트 최적화(1) 이미지 : Format + cloudinary (0) | 2024.02.13 |
---|---|
useEffect의 dependency array에서 무한루프 (0) | 2024.02.06 |
모달창 오픈시 이외에 부분 작동 안 하게 처리 (리코일 사용) (1) | 2024.01.30 |
리액트 + 파이어베이스 + 알고리아 = 검색 기능 구현 (1) | 2024.01.29 |
1차 유저 피드백 (1) | 2024.01.29 |