我想为在 ReactCssTransitionsGroup 中呈现但不知道如何去做的所有孩子添加交错效果。我看了这个问题，但想尝试使用react转换组来做。如果不可能，那么我会做一些类似于上面链接的问题的事情。
我的过渡组件非常简单：
Transitions({component: 'div', transitionName: 'stagger'},
[1, 2, 3, 4, 5].map(i =>
div({className: 'pure-u-md-1-3 pure-u-lg-1-4 medium-box demo', key: i})
)
)
8 months later我找到了最好的方法来做到这一点，而无需 ReactCSSTransitionsGroup。TransitionsGroup 组件维护不善，因此往往会有一些破坏性的 ui 错误：
Components not leaving DOM when switching tabsComponents not leaving DOM when there are a lot of entering/leaving components这仅仅是列举的一小部分...
输入react-motion - 一个高性能的动画库，为开发人员提供了很多控制权。包括免费的惊人动画！使用一段时间后，我强烈推荐它作为 ReactTransitionGroup 的完整替代品。
官方的 ReactCSSTransitionsGroup 维护不善，它被拆分为自己的存储库react-transition-group以注入新的活力。
如果您在低端移动设备上关心流畅的动画，而不是 react-motion 不是一个好的解决方案，您仍然需要依赖 CSS 转换。
你可以尝试react-css-transition，它旨在为你提供可靠的 React CSS 转换。