220309

• 상위 컴포에서 하위 컴포로, 하위 컴포에서 상위 컴포로 인자 전달
  • 하단 코드는 하위 컴포
  • handleDeleteComment(id, postId)의 id와 postId를 상위 컴포로 잘 전달함

function CommentListItem({
  isLogin,
  id,
  postId,
  username,
  content,
  handleDeleteComment,
}) {
  return (
    <>
      <PostCommentLeft>
        <PostCommentWriter>{username}</PostCommentWriter>
        <PostCommentContent>{content}</PostCommentContent>
      </PostCommentLeft>

      <PostCommentRight>
        <PostCommentButton onClick={() => handleDeleteComment(id, postId)}>
          ✂️
        </PostCommentButton>
      </PostCommentRight>
    </>
  );
}