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

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

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

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

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

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

有帮助吗?

解决方案

看起来您在 React 中遇到了一个错误,该错误已在几周前修复,但并未进入最新版本:

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

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

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top