[react]コメント投稿機能の作成

🤩 コメント投稿機能の作成

1.ユーザがコメントを入力した後、入力したコメント文字列の状態として保存する

코드 맨 앞에 입력
let [comment, setComment] = useState('');
let [commentList, setCommentList] =useState([]); 

사용자가 댓글을 입력하면 댓글을 string state에 저장
  <input onChange={ () => { setComment(e.target.value)}} />

2.ユーザーは「投稿コメント」ボタンを押して、コメントをフラットに保存する

1)作成コピー、ステータスデータをそのまま等号に変更することはできません。コピーを作成して修正する必要があります。

2)配列にデータを追加する構文コメント:unshift,push,pop,shiftなど,unshiftは配列の前にデータを追加する

3）コメントリストのステータスデータの変更

<button onClick={ ()=>{ 
  var arrayCopy = [...commentList]
  arrayCopy.unshift(comment);
  setCommentList(arrayCopy)}>댓글 게시</button>