[API사용]리액트 타입스크립트 댓글 삭제 기능

map을 써서 서버로 get 해온 데이터들을 props 로 뿌려줍니다.

{reviewList.map((user) => (
					<GroupComment
						key={user.id}
						id={user.memberId}
						commentId={user.commentId}
						content={user.content}
						onClick={() => onRemove(user.commentId)}
						myId={my}
					/>
				))}

const onRemove = async (commentId: string) => {
		if (window.confirm("이 댓글을 삭제 하시겠습니까?")) {
			CommentDelete(`comments/${commentId}`);
			window.location.reload();
		} else {
			alert("취소합니다.");
		}
	};

이것은 댓글 삭제 함수입니다.

여러개의 댓글중 클릭한 해당 댓글만 삭제하기 위해서 인자로 값을 넣어줍니다.

위에 props 내려준 onclick에도 인자가 들어가있습니다.

그럼 props받은 항목을 확인해보면

<span onClick={user.onClick}> 삭제</span>

이렇게 넣어줬습니다. 정상적으로 잘 작동하여 댓글삭제 기능은 끝-!