🤩 댓글 발행 기능 만들기
1. 사용자가 댓글을 입력하면, 입력한 댓글 string state로 저장하기
코드 맨 앞에 입력
let [comment, setComment] = useState('');
let [commentList, setCommentList] =useState([]);
사용자가 댓글을 입력하면 댓글을 string state에 저장
<input onChange={ () => { setComment(e.target.value)}} />
2. 사용자가 댓글 게시 버튼 누르면, 댓글을 배열 state로 저장하기
1) 사본 만들기, state 데이터는 등호로 직접 변경하면 안되고 사본을 만들어서 그걸 수정해야한다.
2) array에 자료 추가하는 문법 참고 : unshift, push, pop, shift등, unshift는 배열 맨 앞에 데이터 추가
<button onClick={ ()=>{
var arrayCopy = [...commentList]
arrayCopy.unshift(comment);
setCommentList(arrayCopy)}>댓글 게시</button>