Reactjs 在enter上交错组件与反应css转换组

我想为在ReactCSTransactionGroup中渲染但不知道如何处理的所有子对象添加交错效果。我看了这个问题，但想尝试使用react transitions组来解决。如果这是不可能的，那么我将做一些类似于上面链接的问题

我的转换组件非常简单：

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个月后

我找到了最好的方法来做到这一点，而无需反应。TransitionsGroup组件维护不好，因此容易出现一些破坏性的ui错误：

• 切换选项卡时组件未离开DOM

• 当有大量进入/离开组件时，组件不会离开DOM

仅举几个例子

---

Enter-一个高性能的动画库，为开发人员提供了很多控制免费包含惊人的动画！在使用了一段时间后，我可以强烈推荐它作为ReactTransitionGroup的完全替代品。

官方的ReactCSTranslationGroup维护不善，它正在被拆分到自己的存储库中，以呼吸新的生命

如果您关心平滑动画，即使在低端移动设备上，react motion也不是一个好的解决方案，那么您仍然需要依赖CSS转换

您可以尝试在React中提供可靠的CSS转换

• 免责声明，我是react css transition的创建者

---

在父元素上使用和第n个子选择器+sass宏。我自己从来没有这样做过，但这是最基本的想法：看看你链接我的东西——我需要知道有多少子组件，并为每个子组件编写一个css描述符？有了这个解决方案，你就会（或者至少有足够的子组件数）。既然你已经在javascript领域，你可以使用内联样式在代码中模拟这种效果。这是真的^I我会在can@Michael帕克：是的。我想知道是否有一种干净的方法可以使用ReactCSTransanitionGroup来完成。这是一个非常有趣的替代方法。尽管我认为

react motion

即使在低端设备（低端是iphone5/Samsung S3）上也表现得很好，但它仍然无法击败css渲染。干得好，池！另外-你能提供一个交错动画的例子，以便在这个问题的范围内吗？不介意插头，但希望它能解决交错问题。