Posts 컴포넌트
에서 useMutation
을 호출하고 반환 값을,
PostDetail
컴포넌트로 전달했음.
PostDetail
컴포넌트 내에서, 그 반환값의 mutate 속성을 실행함.
useMutation
의 반환값의 속성이 useQuery
에 비해 적음.
isLoading
과 isFetching
구분도 없음. => isPending
만 있음. 삭제 후에는 변이의 상태에 따라 조건부로 표시될 문단과 문장을 만들 것임/ !
isPending
을 이용했다. isError
을 이용했다.
useQuery에서는 data 자체가 성공의 표시였어서 success 상태를 사용하지 않았다.
하지만, 이 PostDetail 페이지에서는 데이터를 안받음.
그러니, isSuccess 를 사용하겠음!
가기전에, 이 변이를 왜 Post 파일에는 넣고, PostDetail 파일에는 넣지 않았는지 이유에 대해서 말해보자.
그리고, 이 백락에서 변이를 reset 하는 이유에 대해 말해보자.
다른 Post를 불러올 때, 모든 post에 성공 message가 나오는 중 .
우리는 delete 버튼을 누를 때만 성공 메세지가 뜨게 할 것이야.
=> 다른 post를 클릭할 때마다 그 성공메시지 관련 mutation을 reset 해야함.
이런식으로 ~!
이제 성공 메시지 안보임
delete 버튼 누를 때만 보임 !