Entfernen eines Elements bewirkt, dass React den letzten DOM-Knoten anstelle des mit diesem Element verknüpften Knotens entfernt.
Ich habe versucht, das Einfügen und Entfernen von Listen mit ReactCSSTransitionGroup zu animieren, aber die Entfernungsanimation animiert immer nur das letzte Element der Liste anstelle des zu entfernenden Elements.
Hier ist ein Jsbin, um dieses Problem zu veranschaulichen. Klicken Sie auf die Schaltfläche "Hinzufügen", um sicherzustellen, dass die Einfügeanimation tatsächlich wie erwartet funktioniert, und klicken Sie dann auf das "x" neben einem Element, um das Problem anzuzeigen, bei dem das letzte Element der Liste anstelle des zu entfernenden Elements animiert ist.
Habe ich beim Einrichten der TransitionGroup etwas falsch gemacht oder fehlt etwas in den CSS-Übergangsdefinitionen?