Wie entferne ich ein Objekt aus einer Liste mit einem Klick-Event in ReactJS?

8
%Vor%

Ich kann mir nicht vorstellen, wie ich einen Gegenstand von der Liste entferne. Wahrscheinlich auch hier eine Menge anderer schlechter Designentscheidungen, Newb.

    
chovy 07.01.2015, 10:23
quelle

2 Antworten

7

Props für Komponenten sind unveränderlich, dh Sie können sie nicht direkt ändern. Wenn in Ihrem obigen Beispiel die Komponente FilterList ein Element entfernen möchte, müsste sie einen Rückruf von der übergeordneten Komponente aufrufen.

Ein vereinfachtes Beispiel dafür .

FilterApp übergibt eine Entfernungsfunktion an FilterList , die für das Ereignis onClick aufgerufen wird. Dadurch wird ein Element aus dem übergeordneten Element entfernt, der Status wird aktualisiert, und FilterList wird erneut mit dem neuen Inhalt gerendert.

Hoffe, das hilft.

    
quelle
3

Etwas wie das Folgende sollte funktionieren. Lassen Sie Ihre Root-Komponente den Status verwalten.

%Vor%     
TYRONEMICHAEL 07.01.2015 13:21
quelle

Tags und Links