Ich weiß, wie eine einzelne Komponente durch Ändern des Status hinzugefügt und entfernt wird. Diese Methode funktioniert jedoch nicht, wenn Sie mehrere Komponenten entfernen müssen. Nehmen wir zum Beispiel an, ich habe 3 Views. Wie kann ich sie entfernen, wenn ich darauf klicke?

Beispielcode:

class Example extends Component {
    render(){
        return (
          <View>
            <View>
              <TouchAbleOpacity onPress={() => this.removeView()}>
                <Text>Remove View 1</Text>
              </TouchAbleOpacity>
            </View>
            <View>
              <TouchAbleOpacity onPress={() => this.removeView()}>
                <Text>Remove View 2</Text>
              </TouchAbleOpacity>
            </View>
            <View>
              <TouchAbleOpacity onPress={() => this.removeView()}>
                <Text>Remove View 3</Text>
              </TouchAbleOpacity>
            </View>
          </View>
        )
    }

    removeView(){

    }
}

Ein weiteres Beispiel ist, wenn ich eine ListView mit Schaltflächen darin habe. Dies sind Schaltflächen zum Einladen eines Benutzers. Wenn ich auf die Schaltfläche klicke, möchte ich die Schaltfläche für diese bestimmte Zeile in der ListView ausblenden.

Irgendwelche Vorschläge