我应该如何处理React中的componentWillUnmount中的离开动画?

时间:2015-04-30 21:10:17

标签: javascript animation reactjs tweenmax

我想知道是否有人可以提供一些有关他们如何在React.js中处理离开动画的见解。我一直在使用Greensock TweenMax,输入动画在componentDidMount上工作正常,但我还没有找到一种可靠的方法来为组件设置动画。

我的感觉是它应该进入componentWillUnmount,但是React没有提供回调机制来指示您何时准备放开组件。因此,转换动画永远不会完成,因为动画与React是异步的。相反,你会看到动画的一小部分时间,组件消失,并被下一个动画组件取代。

自从我9个月前开始使用React以来,这是一个我一直在努力解决的问题。我不禁想到除了ReactCSSTransitionGroup以外我必须有一个解决方案,我觉得这个解决方案既麻烦又挑剔,尤其是使用react-router。

1 个答案:

答案 0 :(得分:2)

查看React-Motion

https://www.youtube.com/watch?v=1tavDv5hXpo

Cheng Lou是React团队的开发人员。

他谈到了当前ReactCSSTransitionGroup的问题。

他已经开发React-Motion来解决这个问题。

虽然它不使用css转换,但它似乎表现良好并且非常具有确定性。 ReactCSSTransitionGroup看起来很挑剔,因为你无法中断转换。