[노드/리액트 유튜브] #16~17. 댓글 기능 생성 (3)SingleComment, (4)ReplyComment

**본 포스팅은 유튜브&인프런 John Ahn님의 노드 리액트 유튜브 클론 강의를 참고하여 작성하였습니다.**

 

 

 

Make the Comment (3)SingleComment

 

 

SingleComment 예시

 

1. SingleComment Component 생성

2. SingleComment Template 생성

3. OnClickReplyOpen func , onHandleChange func 만들기

4. VideoDetailPage(가장 부모)에서 모든 데이터를 가져옴

4. DB에서 가져오기

 

5.  Comment.js와 SingleComment.js에서 submit 한것들을
    VideoDetailPage의 Comment state에 업데이트 해주기

Comment state를 업데이트

VideoDetailPage에서 refreshFunction생성 후 Comment.js로 넘기기

Comment.js에서 댓글 업데이트

SingleComment로 넘기기

SingleComment.js에서 댓글 업데이트

 

 

---

 

 

Make the Comment (4)ReplyComment

 

 

1. ReplyComment Component를 SingleComment아래에 생성해주기

 

3. 자식 코멘트 수 구하기

2. Reply Comment Template 완성하기

 

결과