본문 바로가기

코드스테이츠 SEB FE 41기/Main-Project(MatP)

[react] 구조 분해 할당 이름 변경하기(feat.typeScript)

반응형

구조 분해 할당으로 변수를 받아 올 때, 이름을 변경할 수 있다는 사실!

 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 사용하도록 리팩토링 완료! :)

반응형