1

我有一堆项目将一次显示 1 个,并且在安装/卸载时将在其自身和下一个项目之间进行动画处理。但我希望他们都以不同的方式制作动画。

这可以使用ReactCSSTransitionGroup吗?从代码看来,它不是而且只允许每组一个动画定义:

    <ReactCSSTransitionGroup
      transitionName="example"
      transitionEnterTimeout={500}
      transitionLeaveTimeout={300}>
      {items}
    </ReactCSSTransitionGroup>

怎么样ReactTransitionGroup?看来这可行。这是我唯一的选择吗?

ReactTransitionGroup 是动画的基础。当以声明方式添加或删除子对象时,会调用它们的特殊生命周期钩子。

我读对了吗,每个孩子都会被告知“你要离开”或“你要进入”,然后它会自己做动画(CSS动画或jQuery等)?

有没有更好的方法来做到这一点(组内不同的动画)?

4

0 回答 0