我遇到ReactTransitionGroup
的问题,其中一个刚刚应用了.superfade-leave-active
的元素,后来在渲染方法告诉它时不会应用.superfade-enter
。
http://jsfiddle.net/joecritch/6bpJD/3/
逻辑是显示的消息是ReactTransitionGroup
列表中的第一个项目,而我的UserSearchResults
组件是第二个。后者仅在加载数据时出现。 (数据在顶部被模拟为一个数组,加载的延迟时间为500毫秒。)
所需结果:只要列表中有文字,就会出现第一个元素;每当加载数据时总会出现第二个
实际结果:第一个元素按预期工作;第二个显示最初,但是在500ms之后的任何文本更改之后,它会激活。
注意:当移除animate组件时,它会按预期工作。
答案 0 :(得分:1)
看起来你遇到了几周前修复的React中的一个错误,但是没有进入最新版本:
https://github.com/facebook/react/commit/c313a1045db0a81a704df14f5da60f3690441fbf
如果我改变你的jsfiddle以使用每晚反应(http://react.zpao.com/builds/master/latest/react-with-addons.js),那么在我看来它可以正常工作。