반응에서 삭제 기능을 구현하는 방법

React에서 삭제 기능을 구현하는 방법: 1. "

"; 2. 목록 클릭 이벤트 "handleItemClick(index) {...}"를 이용하여 삭제 기능을 구현합니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 18.0.0, Dell G3 컴퓨터.

반응에서 삭제 기능을 어떻게 구현하나요?

React는 TodoList 삭제 기능을 구현합니다.

목록에서 항목을 클릭하려면 항목을 삭제하세요

1. li 태그에 클릭 이벤트를 추가합니다: handlerItemClick

<li key= {index} onClick={this.handleItemClick.bind(this, index)}>{value}</li>

2. 클릭 이벤트 기능. 전체 코드는 다음과 같습니다.

// 列表点击事件
   handleItemClick(index) {
       const list = [...this.state.list];
       list.splice(index, 1);
       this.setState({
           list: list
       })
   }

권장 학습: "

react 비디오 튜토리얼

"

위 내용은 반응에서 삭제 기능을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!