React State의 배열에서 항목을 안전하게 제거하는 방법은 무엇입니까?

React에서 항목 목록 수정: 요소 제거

React에서 상태 관리는 앱 데이터를 조작하는 데 매우 중요합니다. 귀하의 주에 "people"이라는 배열이 있고 그 배열에서 항목(예: "Bob")을 제거해야 하는 시나리오를 생각해 보십시오. 그러나 단순히 항목을 직접 삭제하면 원하는 결과가 나오지 않을 수 있습니다.

이 경우 상태 개체(배열 포함)를 직접 변경하는 것을 피하는 것이 중요합니다. "사람" 배열을 효율적으로 수정하려면 원하는 변경 사항을 적용하여 새 복사본을 만드세요.

한 가지 접근 방식은 Array.prototype.filter() 메서드를 사용하는 것입니다.

removePeople(e) {
    this.setState({
        people: this.state.people.filter(function (person) {
            return person !== e.target.value; // Exclude the target person ("Bob")
        })
    });
}

이 메서드는 제공된 조건(예: "Bob")과 일치하지 않는 모든 요소를 ​​포함하는 새 배열을 만듭니다. 원래의 "사람" 배열은 그대로 유지되고 새 배열이 상태에 할당되므로 애플리케이션이 업데이트된 상태에 올바르게 반응할 수 있습니다.

위 내용은 React State의 배열에서 항목을 안전하게 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!