reactjs – 使用react css过渡组进入交错组件
发布时间:2020-12-15 20:41:25 所属栏目:百科 来源:网络整理
导读:我想为所有在ReactCssTransitionsGroup中呈现但不知道如何去做的子项添加交错效果.我查看了 this问题但想尝试使用react过渡组.如果不可能,那么我将做与上述相关问题类似的事情. 我的过渡组件非常简单: Transitions({component: 'div',transitionName: 'stag
我想为所有在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的组件 这仅仅是列举的一小部分… 输入react-motion – 一个高性能的动画库,为开发人员提供了很多控制.包括惊人的动画免费!使用它一段时间后,我强烈推荐它作为ReactTransitionGroup的完全替代品. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- c# – 使用JsonConverterAttribute时,自定义继承JsonConver
- reactjs – 使用react.push in action creator with react-
- c# – 使用DotNetOpenAuth从OpenID Provider获取电子邮件地
- cocos2dx要点总结
- oracle 查询执行慢的sql,使用V$SESSION_LONGOPS分析
- 用TinyXml2读取XML文件的一个简单Demo
- ReactNative——数据存储AsyncStorage
- 常用正则表达式总结(年后第一遍文章)
- 关于XML fragments parsed from previous mappers already
- .net – 如何在LINQ to XML中创建一个元素的深层副本?