mutation (2) 썸네일형 리스트형 Mutation & 쿼리 무효(Invalidating query) & 사용자와 쿼리 캐시 업데이트 & 낙관적 업데이트 Mutation mutation에서도 query에서 했던 것처럼 전역 페칭 인디케이터 및 오류 처리를 할 수 있다. 오류의 경우, 기본적으로 queryClient의 mutations property에 onError 콜백을 설정한다. 로딩 인디케이터는 변이 호출 중 현재 해결되지 않은 것이 있는지 알려주는 useIsMutating 훅을 만들어 isMutating 또는 isFetching 상태에서 보여주도록 한다. 예시 코드를 보자. export function generateQueryClient(): QueryClient { return new QueryClient({ defaultOptions: { queries: { onError: queryErrorHandler, staleTime: 600000, /.. 쿼리 키 & 페이지네이션 & 데이터 pre-fetching & isLoading / isFetching & Mutation 쿼리 키 쿼리 키를 표현하는 방식에는 두 가지가 있다. 문자열 방식 => "post" 배열 방식 => ["comments", post.id] const { data, isLoading, isError, error } = useQuery( ['comments', post.id], () => fetchComments(post.id) ); 만약 배열 방식으로 쿼리 키를 표현한다면 쿼리 키를 쿼리에 대한 종속성 배열로 취급하게 된다. 따라서 쿼리 키가 변경되면 새 쿼리를 생성하여 각각의 staleTime, cacheTime 을 가지게 된다. 배열에 속해있는 값들이 전부 같으면 같은 쿼리라고 인식하여 cache 에 저장되어 있는 데이터를 이용한다. 따라서 데이터를 가져올 때 사용하는 쿼리 함수에 있는 값이 쿼리 .. 이전 1 다음