使用 Transition 组件实现动画

在网页中, 你可以使用 CSS3, 也可以使用脚本的方式做动画. 这次我们来说说在 react 中实现 css3动画.
在 react 组件的更新过程中, 我们可以通过更新组件的状态就可以很方便的实现一些 css 动画. 但如果是涉及到挂载过程中的动画, 你就需要重写一个 componentDidMount, 如果是伴随着卸载而出现的动画, 就会更加复杂.
有一个库会帮助我们解决这些问题, 让我们更方便的在 react 中使用 CSS3动画. 它就是 react-transition-group, 它会导出三个组件, Transition, CSSTransition, TransitionGroup, 这次课程我就就是着重介绍其中的一个: Transition, 让我们一起进入到 Transition 组件中一探究竟吧.