卸载/离开时Animate React组件

Question

我希望在组件离开时使用Velocity淡出组件。我正在调用回调，但没有动画。下面的代码有什么问题？

export class Foo extends Component {

      componentWillEnter(cb) {
        cb();
      }

      componentWillLeave(cb) {
         const node = findDOMNode(el);
         Velocity(node, { opacity: 0 }, { duration:200 });
         cb();
      }
}

Answer 1

在GSAP post上找到它。回调需要作为完整函数传递给Velocity。

    export class Foo extends Component {
      componentWillEnter(cb) {
        cb();
      }
      componentWillLeave(cb) {
         const node = findDOMNode(el);
         Velocity(node, { opacity: 0 }, { duration:200, complete: cb });
      }

    ...
    }