Reagir:ReactTransitionGroup elemento oculto, não aparecendo

Question

Eu tenho um problema com ReactTransitionGroup, através do qual um elemento que só tinha .superfade-leave-active aplicada, não se aplica .superfade-enter depois, quando o método de renderização é dizendo a ele para.

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

A lógica é que a mensagem mostrado é o primeiro item na ReactTransitionGroup lista, e o meu UserSearchResults componente é a segunda.O último aparece apenas quando os dados são carregados.(Os dados são ridicularizados como uma matriz no topo, e é carregado com uma 500ms atraso.)

Resultado desejado: primeiro elemento aparece sempre que há de texto na lista;segundo sempre aparece sempre que os dados são carregados

Resultado real: primeiro elemento funciona como desejado;segundo mostra inicialmente, mas depois de qualquer alteração de texto depois de 500ms, anima distância.

Nota: Quando a animar componente é removido, ele funciona como o esperado.

Answer 1

Parece que você teve um erro no Reagir, que foi corrigido algumas semanas atrás, mas não torná-lo para a versão mais recente:

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

Se eu alterar o jsfiddle usar um nightly build de reagir (http://react.zpao.com/builds/master/latest/react-with-addons.js), em seguida, parece-me que para funcionar corretamente.