登录
|
注册
首页
课程
视频学习
尊享视频
社区
学员作品
首页
>
视频学习
>
利用 transition 实现 react 动画
利用 transition 实现 react 动画
GO
VIP
尊享视频
550人正在学
课程介绍
在网页中, 你可以使用 CSS3, 也可以使用脚本的方式做动画. 这次我们来说说在 react 中实现 css3动画.
在 react 组件的更新过程中, 我们可以通过更新组件的状态就可以很方便的实现一些 css 动画. 但如果是涉及到挂载过程中的动画, 你就需要重写一个 componentDidMount, 如果是伴随着卸载而出现的动画, 就会更加复杂.
有一个库会帮助我们解决这些问题, 让我们更方便的在 react 中使用 CSS3动画. 它就是 react-transition-group, 它会导出三个组件, Transition, CSSTransition, TransitionGroup, 这次课程我就就是着重介绍其中的一个: Transition, 让我们一起进入到 Transition 组件中一探究竟吧.
课程目录
1
使用 Transition 组件实现 CSS 动画
1-在 react 中使用 css 动画
2-理解 status
3-应用 status
4-Transition 的剩余属性
资料下载(资料内不含视频文件)
登录后查看
相关课程
Redux 精品先导教程
React 进阶
基于AngularJS的组件库开发
深入Vue组件设计与开发
《深度详解 ECMAScript 6 》公开课
官方微博
常见问题
手机观看
微信扫一扫公众号内观看视频
咨询客服
点击咨询QQ客服
微信客服
返回顶部