jquery的animate在React中怎么用？

Question

$("#main").animate({
        top: (now + 'px')
      }, 500);

js动画，react中要怎么弄，不希望引入jquery库，有没有react的类似的js动画库？

Answer 1

建议直接使用 CSS transition/animation，具体用法可以参考 MDN。

1. 先定义一个样式
2. 符合条件的时候，把样式添加到 DOM 节点上
3. 侦听 transitionend/animationend 事件，在动画结束时修改样式，确保下次可以再动画