[React] 댓글 발행 기능 만들기

June·2022년 1월 22일
0

wecode TIL

목록 보기
17/20
post-custom-banner

🤩 댓글 발행 기능 만들기

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는 배열 맨 앞에 데이터 추가

3) commentList state 데이터 변경


<button onClick={ ()=>{ 
  var arrayCopy = [...commentList]
  arrayCopy.unshift(comment);
  setCommentList(arrayCopy)}>댓글 게시</button>
profile
천천히, 꾸준히 :)
post-custom-banner

0개의 댓글