Réagir:ReactTransitionGroup élément masqué pas de réapparaître

Question

J'ai un problème avec ReactTransitionGroup, dans lequel un élément qui a juste eu le .superfade-leave-active appliqué, ne s'applique pas .superfade-enter par la suite, lorsque la méthode de rendu est en disant qu'il.

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

La logique est que le message affiché est le premier élément de la ReactTransitionGroup liste, et mon UserSearchResults composante est la deuxième.Ce dernier n'apparaît que lorsque les données sont chargées.(Les données sont moqués comme un tableau en haut, et est chargé avec un 500ms retard.)

Résultat souhaité: premier élément s'affiche chaque fois qu'il y a du texte dans la liste;deuxième apparaît toujours à chaque fois que les données sont chargées

Résultat réel: premier élément fonctionne comme souhaité;deuxième montre au départ, mais après tout changement de texte après 500ms, il anime à l'écart.

Note: Lorsque l'animer composant est supprimé, il fonctionne comme prévu.

Answer 1

On dirait que vous tombé sur un bug de Réagir qui a été résolu il y a quelques semaines, mais ne pas le faire dans la dernière version:

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

Si je change de votre jsfiddle pour utiliser une nightly build de réagir (http://react.zpao.com/builds/master/latest/react-with-addons.js) ensuite il me semble qu'elle fonctionne correctement.