问题标签 [reactcsstransitiongroup]

我已经集成了 ReactCSSTransitionGroup，但没有得到动画效果。希望得到有关以下结构错误的提示：

我的CSS是：

我的代码工作正常，但我收到了这个烦人的错误。问题是什么？

警告：失败的 propType：transitionAppearTimeout 未提供给 ReactCSSTransitionGroup：这可能导致不可靠的动画，并且在未来版本的 React 中将不再支持。有关更多信息，请参阅fb.me/react-animation-transition-group-timeout。检查SocialIcons.

我有 ReactCSSTransitionGroup 工作正常（我认为），新安装的组件逐渐消失在它的所有荣耀中。

问题是被替换的组件突然消失了，这对我来说是个问题，因为最终我希望我的组件能够进出视口...

我似乎没有看到任何方式告诉离开的组件如何优雅地消失。

我错过了什么还是 ReactCSSTransitionGroup 只能为传入的组件设置动画？

更新

下面的代码：

和CSS：

我正在使用CSSTransitionGroup插件为数组添加和删除项目设置动画。添加时，动画按预期执行，但在删除时，删除的项目在动画开始之前移动到末尾。我对 React 还很陌生，但我认为 React 如何协调数组更改的幕后发生了一些事情？

http://jsfiddle.net/allonde/0kztn19d

我在 IE11 中收到以下错误Assignment to read only properties is not allowed in strict mode。深入挖掘后，看起来该错误位于 ReactCSSTransitionGroup 的源代码中。该组件在其他浏览器中呈现良好。思考它可能是什么？

我用 Cordova 制作了一个移动应用程序。使用react-router@2.0.0+ReactCSSTransitionGroup实现“卡片组”动画。我有一个严格的路由树，没有循环链接的可能性。

为了提高性能并保存先前路由组件的状态，我想保留它们的整个历史记录，仅在 pop-state 或 replace-state 上卸载。

怎么做？

我无法让 -leave 动画与 ReactCSSTransitionGroup 一起使用。我有以下代码：

具有以下样式：

如果我查看 DOM，则 -enter 和 -leave 样式都应用于路线更改，但只有 -enter 样式在动画。如果我在路线之间快速单击，离开动画会出现，但对于以前的路线。即，如果我回到 A -> B -> A 时，离开动画会短暂闪烁。

我正在尝试访问componentWillMount钩子以淡出不是过渡<Home>组件的子元素的画布元素。（<Home>本身的动画按预期工作。）

主页.js：

我错过了什么？谢谢...

我想知道 ReactCSSTransitionGroup 是否适合我的用例。

在一条路线上，我有一个搜索按钮，当用户单击它时，该按钮应该在它加载到搜索页面时转换离开。加载后，页面的某些区域将从侧面动画。

我将它与 React Router 一起使用，因此整个页面转换看起来很简单，但以这种方式为特定元素设置动画似乎更具挑战性。

ReactCSSTransitionGroup 应该能够处理这个问题还是我应该寻找替代方案？

我正在尝试使用ReactCSSTransitionGroup为我的状态中的一组项目设置动画。appearand类enter工作正常，但leave类不会触发。我正在删除减速器中的项目

并用

渲染功能：

CSS（仅用于测试）：

我也在使用 cssNext。是否有解决方法可以在删除时触发休假类？