1. state값 설정하기

일단 state값으로 댓글 입력을 받는 빈 스트링값과
댓글 입력시 추가되는 빈 배열을 설정해줬다

this.state = {
      commentList: [],
      commentInput: "" }

2.setstate설정하기

빈스트링에 댓글을 입력을하고 '게시'버튼 클릭할때 빈 배열에
댓글이 추가되는 setstate를 설정해주고 enter를 눌렀을때 동작하는
event handler를 설정해줘야했다.
input 댓글창에 onChange를 설정해주었고
button에 onClick을 설정해주었다

- comment input

handleInputChange = (e) => {
    this.setState({
      commentInput: e.target.value,
    });
  };

- button

addComment = () => {
    this.setState({
      commentList: this.state.commentList.concat(this.state.commentInput),
      commentInput: "",
    });
  };

- eventhandler

handleKeyPress = (e) => {
    if (e.key === "Enter") {
      this.addComment();
    }
  };

3. 댓글창에 댓글 추가하기

기본적으로 설정한 댓글 밑에 빈 div를 추가해주고
그 자리에 commentList.map을 사용하여
새로 추가한 댓글이 li 테그로 계속 추가되게 만들어줬다

댓글구현하기 완료!