[React] 블로그 제작(3): 글 제목 삭제하기

이번엔 추가했던 글 중 원하는 글 제목을 삭제하는 버튼을 만들어보려고 한다.
바로 이전 글에 추가하기 버튼을 만든 방식과 매우 흡사하다!!

🖥 최종 출력 화면:

📝 체크리스트

• splice

📍splice

특정 인덱스를 삭제시킬 때 사용하는 함수로, 사용 방법은 매우 간단하다.

1. let 복사본이름 = [...복사할 변수명];
2. 복사본 이름.splice(시작인덱스, 삭제시킬 인덱스 개수);
   여기서 시작 인덱스는 배열이므로 0부터 시작한다.
3. 기존 state 변경함수(복사본이름);
4. <button onClick = {() => {.. 이 부분에 넣어주기 .. }}>

<button onClick = {() => {
  let delTitle = [...title];
  delTitle.splice(i, 1); 
  //여기서 i는 각 인덱스 번호로 
  //map함수 속에 존재하는 버튼이기 때문에 파라미터 i를 넣어줬다. 
  setTitle(delTitle);
}}> 삭제하기 </button>

글 제목 추가하기부터 차례로 배우니 넘나.. 이해가 잘된다...