Reagieren:Das ausgeblendete ReactTransitionGroup-Element wird nicht wieder angezeigt

Question

Ich habe ein Problem mit ReactTransitionGroup, wobei ein Element, das gerade hatte .superfade-leave-active angewendet, trifft nicht zu .superfade-enter danach, wenn die Render-Methode es dazu auffordert.

http://jsfiddle.net/joecritch/6bpJD/3/

Die Logik besteht darin, dass die angezeigte Nachricht das erste Element im ist ReactTransitionGroup Liste und meine UserSearchResults Komponente ist die zweite.Letzteres erscheint erst, wenn die Daten geladen werden.(Die Daten werden oben als Array dargestellt und mit einer Verzögerung von 500 ms geladen.)

Erwünschtes Ergebnis: Das erste Element erscheint immer dann, wenn die Liste Text enthält.Die Sekunde erscheint immer, wenn die Daten geladen werden

Tatsächliche Ergebnis: erstes Element funktioniert wie gewünscht;Die Sekunde wird zunächst angezeigt, aber nach einer Textänderung nach 500 ms verschwindet die Animation.

Notiz: Wenn die Animationskomponente entfernt wird, funktioniert sie wie erwartet.

Answer 1

Anscheinend sind Sie in React auf einen Fehler gestoßen, der vor ein paar Wochen behoben wurde, es aber nicht in die neueste Version geschafft hat:

https://github.com/facebook/react/commit/c313a1045db0a81a704df14f5da60f3690441fbf

Wenn ich Ihre jsfiddle ändere, um einen nächtlichen React-Build zu verwenden (http://react.zpao.com/builds/master/latest/react-with-addons.js), dann scheint es mir korrekt zu funktionieren.