嵌套的ReactTransitionGroups componentWillLeaves不会被触发

Question

我有一个顶级ReactTransitionGroup，其中包含子级，每个子级都有自己的ReactTransitionGroup个

组件

使用transitionAppear={true}，我可以让孩子的componentWillAppear触发

但是当父母需要制作动画时，孩子ReactTransitionGroup似乎不知道他们应该去componentWillLeave

我怎样才能让父母的componentWillLeave告诉孩子他们需要过渡，只有当他们这样做时才回调？

理想情况下，

需要动画 - ＆gt;父动画 - ＆gt;儿童动画片 需要制作动画 - ＆gt;儿童动画出来 - ＆gt;父母动画出来，

Answer 1

我知道这是一个古老的问题，但我遇到了类似的问题，并想出来了。 componentWillAppear()和componentWillEnter()都会阻止任何其他动画，直到调用它们的回调为止。确保componentWillAppear调用回调

如果你像我一样使用TweenMax，你可以调用回调，并将onComplete属性传递给你选择的任何Tween方法。

componentWillAppear(callback) {
  TweenMax.from(
    component,
    .4,
    { autoAlpha: 1, ease: Power2.eastOut, onComplete: callback }
  );
}

希望这可以帮助你或其他人在路上。