如何在 React 狀態下安全地從陣列中刪除項目？

修改 React 中的項目清單：刪除元素

在 React 中，管理狀態對於操作應用程式資料至關重要。考慮這樣一個場景，您所在的州有一個名為“people”的數組，並且您需要從中刪除一個項目（例如“Bob”）。然而，簡單地直接刪除項目可能不會產生期望的結果。

在這種情況下，必須避免直接改變狀態物件（包括陣列）。若要有效地修改「people」數組，請建立一個包含所需變更的新副本。

一種方法是使用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”）。原始的“people”數組保持不變，新數組被分配給狀態，確保您的應用程式對更新後的狀態做出正確的反應。

以上是如何在 React 狀態下安全地從陣列中刪除項目？的詳細內容。更多資訊請關注PHP中文網其他相關文章！