ArticleScreen을 열어서 renderItem 부분에 CommentItem 컴포넌트에 필요한 Props를 다음과 같이 정해주세요.

screens/ArticleScreen.tsx – renderItem

function ArticleScreen() {

    const onRemove = (commentId: number) => { 
        /* TODO: 구현 예정 */ 
        console.log(commentId);
    }
    const onModify = (commentId: number) => { 
        /* TODO: 구현 예정 */ 
        console.log(commentId);
    }

(...)
        renderItem={({item}) => (
          <CommentItem
            id={item.id}
            message={item.message}
            publishedAt={item.published_at}
            username={item.user.username}
            onRemove={onRemove}
            onModify={onModify}
            isMyComment={item.user.id === currentUser?.id}
          />
        )}

이제 자신이 작성한 댓글이 다음과 같이 나타나는지 확인해보세요.

▲ 그림 15-18 자신이 작성한 댓글