0

我有一个问题,即当渲染方法告诉它时,ReactTransitionGroup刚刚.superfade-leave-active应用的元素在之后不适用。.superfade-enter

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

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

期望的结果:只要列表中有文本,就会出现第一个元素;加载数据时总是出现第二个

实际结果:第一个元素按预期工作;第二个最初显示,但在 500 毫秒后发生任何文本更改后,它会动画消失。

注意:删除动画组件后,它会按预期工作。

4

1 回答 1

1

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

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

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

于 2014-01-13T16:30:21.783 回答