我正在尝试在react的TweenMax
方法中使用GreenStock componentDidMount
,但我发现动画没有触发(但onComplete
和'onStart
方法触发正好)。我尝试了一些基于预感的东西,发现当我添加setTimeout
100毫秒时动画播放。预感是这个元素在GreenStock被称为时尚未准备就绪。
我的印象是componentDidMount
类似于jquery的$(document).ready()
这是我的简单代码(没有用咖啡脚本写的settimeout:
componentDidMount: ->
commentList = React.findDOMNode(@refs.commentList)
console.log commentList
TweenMax.to commentList, 1,{opacity: 0,onComplete :-> console.log 'TL called'}
正在正确返回元素commentList
,但动画未播放(但动画上的回调是)
此代码有问题,或者有人知道react和greenstock的tweenmax之间的问题吗?
答案 0 :(得分:0)
所以我在DOM元素上有一个唯一的键我正在动画require 'uuid'
<div key={uuid()}></div>
(最初我用原始的js和css3做这个,需要重新渲染元素)所以删除它工作