이와 같이 댓글 컴포넌트 우측 하단에 수정과 삭제가 나타났다면 삭제 기능을 이어서 구현해봅시다. ArticleScreen에서 selectedCommentId와 askRemoveComment 상태를 만드세요. 그리고 onRemove가 호출되면 selectedCommentId를 파라미터로 받아온 id 값으로 설정하고, askRemoveComment 값을 true로 변경하도록 구현하세요.

이어서 onConfirmRemove와 onCancelRemove 함수를 만들어주세요. 이 함수는 추후 댓글 삭제를 확인하거나 취소할 때 호출할 함수입니다.

screens/ArticleScreen.tsx

import React, {useState} from 'react';

(...)

function ArticleScreen() {
  (...)

  const [selectedCommentId, setSelectedCommentId] = useState<number | null>(
    null,
  );
  const [askRemoveComment, setAskRemoveComment] = useState(false);

  const onRemove = (commentId: number) => {
    setSelectedCommentId(commentId);
    setAskRemoveComment(true);
  };

  const onConfirmRemove = () => {
    console.log(selectedCommentId);
    setAskRemoveComment(false);
    // TODO: 구현 예정
  };
  const onCancelRemove = () => {
    setAskRemoveComment(false);
  };

  (...)