React: React Transition Group Elemento nascosto non appare

Question

Ho un problema con ReactTransitionGroup, per cui un elemento che ha appena avuto .superfade-leave-active applicato, non applica in seguito il .superfade-enter, quando il metodo di rendering lo sta dicendo.

http://jsfiddle.net/joecritch/6bpjd/3/ La logica è che il messaggio mostrato è il primo elemento nell'elenco ReactTransitionGroup e il mio componente UserSearchResults è il secondo.Quest'ultimo appare solo quando vengono caricati i dati.(I dati vengono derisi come un array in alto, ed è caricato con un ritardo di 500 ms.)

Risultato desiderato: Primo elemento appare ogni volta che c'è testo nell'elenco;Secondo appare sempre ogni volta che i dati sono caricati

Risultato effettivo: Primo elemento funziona come desiderato;Secondo spettacoli inizialmente, ma poi dopo qualsiasi modifica del testo dopo 500 ms, anima via.

Nota: Quando viene rimosso il componente Animato, funziona come previsto.

Answer 1

Sembra che tu abbia funzionato in un bug in reagire che è stato risolto poche settimane fa ma non è riuscito all'ultima versione:

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

Se cambio il tuo jsfiddle per utilizzare una build notturna di reagire ( http://react.zpao.com/builds/master/latest/react-with-addons.js ) Allora mi sembra di funzionare correttamente.