Javascript 如何使用React动画以不同方式设置每个项目的动画？

我有一堆物品，一次显示一个，在装载/卸载时，这些物品将在自身和下一个物品之间进行动画。但我希望它们都以不同的方式进行动画制作

是否可以使用

reactcstransitiongroup

？从代码中可以看出，它不是，而且每个组只允许一个动画定义：

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

{items}

那么

ReactTransitionGroup

呢？看来这是可行的。这是我唯一的选择吗

ReactTransitionGroup是动画的基础。当孩子们 以声明方式添加或从中删除特殊的生命周期挂钩 拜访他们

我读对了吗，每个孩子都会被告知“你要离开”或“你要进入”，然后它会自己制作动画（CSS动画或jQuery等）

---

是否有更好的方法（组内不同的动画）？

如果只是挂载动画不同，您可以使用CSS来实现。@xiaofan2406如何实现？它为每个组指定一个类，而不是每个项目。如果您只希望项目以不同的动画显示，则不需要

reactcstransitiongroup

。使用普通CSS类，每个项目都有自己的类，对应于您喜欢的动画。@xiaofan2406，我如何仅在enter/leave中为它们提供这些类？这里的问题相同，我如何仅在enter/leave中为它们提供这些类？如果只是挂载动画不同，您可以使用CSS进行操作。@xiaofan2406如何提供这些类？它为每个组指定一个类，而不是每个项目。如果您只希望项目以不同的动画显示，则不需要

reactcstransitiongroup

。使用普通的CSS类，每个项目都有自己的类，对应于您喜欢的动画。@xiaofan2406，我如何仅在enter/leave中为它们提供这些类？这里的问题相同，我如何仅在enter/leave中为它们提供这些类？