Pregunta

tengo un problema con ReactTransitionGroup, por el cual un elemento que acaba de tener .superfade-leave-active aplicado, no aplica .superfade-enter luego, cuando el método de renderizado se lo indique.

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

La lógica es que el mensaje que se muestra es el primer elemento de la ReactTransitionGroup lista, y mi UserSearchResults El componente es el segundo.Este último sólo aparece cuando se cargan los datos.(Los datos se simulan como una matriz en la parte superior y se cargan con un retraso de 500 ms).

Resultado deseado: el primer elemento aparece siempre que hay texto en la lista;El segundo siempre aparece cada vez que se cargan los datos.

Resultado actual: el primer elemento funciona como se desea;El segundo se muestra inicialmente, pero luego de cualquier cambio de texto después de 500 ms, desaparece la animación.

Nota: Cuando se elimina el componente animado, funciona como se esperaba.

¿Fue útil?

Solución

Parece que se encontró con un error en reaccionar que se solucionó hace unas semanas pero no lo convirtió en la última versión:

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

Si cambio su JSFiddle para usar una construcción nocturna de reaccionar ( http://react.zpao.com/builds/master/latest/react-with-addons.js ) Entonces me parece que funcione correctamente.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top