我想知道是否有人可以提供一些有关他们如何在React.js中处理离开动画的见解。我一直在使用Greensock TweenMax,输入动画在componentDidMount
上工作正常,但我还没有找到一种可靠的方法来为组件设置动画。
我的感觉是它应该进入componentWillUnmount
,但是React没有提供回调机制来指示您何时准备放开组件。因此,转换动画永远不会完成,因为动画与React是异步的。相反,你会看到动画的一小部分时间,组件消失,并被下一个动画组件取代。
自从我9个月前开始使用React以来,这是一个我一直在努力解决的问题。我不禁想到除了ReactCSSTransitionGroup
以外我必须有一个解决方案,我觉得这个解决方案既麻烦又挑剔,尤其是使用react-router。
答案 0 :(得分:2)
https://www.youtube.com/watch?v=1tavDv5hXpo
Cheng Lou是React团队的开发人员。
他谈到了当前ReactCSSTransitionGroup的问题。
他已经开发React-Motion来解决这个问题。
虽然它不使用css转换,但它似乎表现良好并且非常具有确定性。 ReactCSSTransitionGroup看起来很挑剔,因为你无法中断转换。