使用React CSS过渡组输入时的交错组件

小编典典

使用React CSS过渡组输入时的交错组件

reactjs

我想给所有在ReactCssTransitionsGroup中渲染但不知道如何处理的孩子添加交错效果。我看了这个问题，但想尝试使用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})
    )
)

阅读 271

2020-07-22

共1个答案

小编典典

8 months later我找到了没有ReactCSSTransitionsGroup的最佳方法。TransitionsGroup组件维护不善，因此往往会出现一些破坏性的ui错误：

Components not leaving DOM when switching tabs
Components not leaving DOM when there are a lot of entering/leaving components

这仅仅是列举的一小部分…

输入react-motion-一个高性能动画库，可为开发人员提供很多控制权。包括
免费交错动画！使用一段时间后，我强烈建议将其作为ReactTransitionGroup的完整替代品。

2020-07-22