프로젝트(오늘의 여행) TIL

2023.07.20

오늘의 회고

댓글 작성과 삭제 기능 완료! 수정기능도 구현하자!

react-query

댓글 삭제버튼을 구현 중에 생긴 문제. 댓글을 삭제해도 재 랜더링이 안된다. 새로고침을 해야만 화면에 반영이 된다.

const { data: comments } = useQuery(['comments'], getComments);

...

const deleteMutation = useMutation(deleteComments, {
	onSuccess: () => {
      queryClient.invalidateQueries('deldteComments');
    },
});

문제는 queryKey 잘 못 써준것!

const deleteMutation = useMutation(deleteComments, {
	onSuccess: () => {
      queryClient.invalidateQueries('comments');
    },
});