[React] 글 삭제 버튼 : splice(i,1)

chxxrin·2024년 4월 2일
0

React

목록 보기
17/32

→ state에 글 추가해주세요~ (스위치만 건들기)

→ 원하는 자료 딱 하나만 지우면 됨

→ splice(i, 삭제하고싶은 글 개수)

→ 2번(사용할 함수)만 변경하면 됨!!

1. copy 만들기

<button onClick={()=>{
  **let copy = [...글제목];**

}}>삭제</button>

2. n번째 array항목 1개 삭제 : splice(i,1);

0번째 항목 삭제 : splice(0,1);
1번째 항목 삭제 : splice(1,1);
2번째 항목 삭제 : splice(2,1);
<button onClick={()=>{
   let copy = [...글제목];
	 **copy.splice(i,1);**

}}>삭제</button>

3. 글 삭제

<button onClick={()=>{
   let copy = [...글제목];
	 copy.splice(i,1);
	 **글제목변경(copy);**
}}>삭제</button>
  • array자료에서 x번째 데이터 삭제
array자료.splice(x,1)

0개의 댓글

관련 채용 정보