tweenMax.to 在 react componentDidMount 中不工作

Question

我正在尝试在 React 的 componentDidMount 方法中使用 GreenStock TweenMax，但我看到动画没有触发（但是 onComplete 和 'onStart方法触发就好了）。我根据直觉尝试了一些东西，发现当我添加一个 setTimeout 100 毫秒时，动画会播放。直觉是元素在调用 GreenStock 时还没有真正准备好。

我的印象是 componentDidMount 类似于 jquery 的 $(document).ready()

这是我的简单代码（没有用 coffee 脚本编写的 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 之间的问题吗？

Answer 1

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

tweenMax.to 在 react componentDidMount 中不工作

tweenMax.to not working in react componentDidMount

javascript

reactjs

gsap