tweenMax.to无法在react componentDidMount

时间:2015-12-14 22:49:47

标签: javascript reactjs greensock tweenmax

我正在尝试在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之间的问题吗?

1 个答案:

答案 0 :(得分:0)

所以我在DOM元素上有一个唯一的键我正在动画require 'uuid' <div key={uuid()}></div>(最初我用原始的js和css3做这个,需要重新渲染元素)所以删除它工作