React:ReactTransitionGroup隐藏元素不再出现

时间:2014-01-10 18:11:31

标签: javascript reactjs

我遇到ReactTransitionGroup的问题,其中一个刚刚应用了.superfade-leave-active的元素,后来在渲染方法告诉它时不会应用.superfade-enter

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

逻辑是显示的消息是ReactTransitionGroup列表中的第一个项目,而我的UserSearchResults组件是第二个。后者仅在加载数据时出现。 (数据在顶部被模拟为一个数组,加载的延迟时间为500毫秒。)

所需结果:只要列表中有文字,就会出现第一个元素;每当加载数据时总会出现第二个

实际结果:第一个元素按预期工作;第二个显示最初,但是在500ms之后的任何文本更改之后,它会激活。

注意:当移除animate组件时,它会按预期工作。

1 个答案:

答案 0 :(得分:1)

看起来你遇到了几周前修复的React中的一个错误,但是没有进入最新版本:

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

如果我改变你的jsfiddle以使用每晚反应(http://react.zpao.com/builds/master/latest/react-with-addons.js),那么在我看来它可以正常工作。