더북(TheBook)

이어서 AskRemove 컴포넌트 하단에 CommentModal을 다음과 같이 보여주세요.

screens/ArticleScreen.tsx

(...)

<AskDialog
  (...)
/>
<CommentModal
  visible={modifying}
  initialMessage={selectedComment?.message}
  onClose={onCancelModify}
  onSubmit={onSubmitModify}
/>

(...)

이제 댓글 수정 버튼을 눌러서 선택한 댓글의 내용이 CommentModal에 있는 TextInput의 기본값으로 보이는지 확인해보세요. 선택한 댓글의 내용이 잘 보인다면 useMutation으로 modifyComment API 함수를 호출하도록 구현하고, queryClient를 사용하여 수정한 뒤 댓글 목록을 갱신해보세요.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.