reactjs – 使用react css过渡组进入交错组件

前端之家收集整理的这篇文章主要介绍了reactjs – 使用react css过渡组进入交错组件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想为所有在ReactCssTransitionsGroup中呈现但不知道如何去做的子项添加交错效果.我查看了 this问题但想尝试使用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个月后,我找到了最好的方法,没有ReactCSSTransitionsGroup. TransitionsGroup组件维护得很糟糕,因此往往会产生一些破坏性的ui错误

>切换选项卡时不离开DOM的组件
>当有大量进入/离开组件时,组件不会离开DOM

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

输入react-motion – 一个高性能的动画库,为开发人员提供了很多控制.包括惊人的动画免费!使用它一段时间后,我强烈推荐它作为ReactTransitionGroup的完全替代品.

原文链接:https://www.f2er.com/react/300684.html

猜你在找的React相关文章