반응형
구조 분해 할당으로 변수를 받아 올 때, 이름을 변경할 수 있다는 사실!
const { axiosData: updateC } = useAxios(
() =>
updateComment(
"rhino",
"https://user-images.githubusercontent.com/94962427/211698399-0cf1ffff-89d3-4595-8abb-5bcb23843a5d.jpeg",
editedComment,
createdAt,
newSingleComment.id
),
[editedComment, createdAt],
true
);
const { axiosData: deleteC } = useAxios(
() => deleteComment(newSingleComment.id),
[deleteClicked],
true
);
이제 한 컴포넌트 내에서 각기 다른 callback 함수와 deps 배열을 가지는 axiosData를 받아와 사용할 수 있다.
댓글 수정, 삭제 기능 모두 useAxios 사용하도록 리팩토링 완료! :)
반응형
'코드스테이츠 SEB FE 41기 > Main-Project(MatP)' 카테고리의 다른 글
[react & typescript] useRef 사용시 "개체가 null(undefined)인 것 같습니다" 에러 해결하기 (0) | 2023.01.25 |
---|---|
[react] navigate 시 props 전달하기 (0) | 2023.01.22 |
[react] props를 state로 설정하여 state 변경 실시간 업데이트해주기(feat. Typescript) (0) | 2023.01.22 |
[react] useAxios 커스텀 훅 사용기1(feat. typescript) (0) | 2023.01.22 |
[react] 이미지 hover시 이미지 짙어지며 텍스트 뜨게 만들기 (0) | 2023.01.22 |