Wie entferne ich Elemente sicher aus einem Array im Reaktionszustand?

Elementlisten in React ändern: Elemente entfernen

In React ist die Statusverwaltung für die Bearbeitung von App-Daten von entscheidender Bedeutung. Stellen Sie sich ein Szenario vor, in dem Sie in Ihrem Bundesstaat ein Array mit dem Namen „Personen“ haben und ein Element (z. B. „Bob“) daraus entfernen müssen. Das einfache direkte Löschen des Elements führt jedoch möglicherweise nicht zum gewünschten Ergebnis.

In diesem Fall ist es wichtig, eine direkte Mutation von Zustandsobjekten (einschließlich Arrays) zu vermeiden. Um das Array „people“ effizient zu ändern, erstellen Sie eine neue Kopie davon mit den gewünschten Änderungen.

Ein Ansatz besteht darin, die Methode Array.prototype.filter() zu verwenden:

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

Diese Methode erstellt ein neues Array, das alle Elemente enthält, die nicht der angegebenen Bedingung entsprechen (z. B. „Bob“). Das ursprüngliche „people“-Array bleibt erhalten und das neue Array wird dem Status zugewiesen, um sicherzustellen, dass Ihre Anwendung ordnungsgemäß auf den aktualisierten Status reagiert.

Das obige ist der detaillierte Inhalt vonWie entferne ich Elemente sicher aus einem Array im Reaktionszustand?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!