reactjs - 嵌套的ReactTransitionGroups componentWillLeaves不会被触发

我有一个顶级的ReactTransitionGroup，有一些孩子，每个孩子都有自己的ReactTransitionGroup组件

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

但是当父母需要设置动画时，孩子ReactTransitionGroup似乎不知道应该去componentWillLeave

我怎样才能让父母的componentWillLeave告诉其子女他们需要过渡，并且只有在这样做后才进行回调？

所以理想情况下

需要动画->父动画->子动画
需要动画->孩子动画->父动画，

最佳答案

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

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

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

希望这对您或其他人有帮助。