超级会员免费看
本文介绍了在React中实现动画的几种方法，包括React的插件如react-addons-css-transition-group和react-motion，以及专业动画库GSAP。重点比较了它们的易用性、可维护性和用户体验，指出对于复杂动画GSAP更胜一筹，而React Motion和CSSTransitionGroup则更适合简单动画需求。
由于 React 加持了虚拟 DOM 等诸多特性，所以在 React 上实现常规的动画效果有一些特别之处。本文不会深入探讨 React 对动画的处理逻辑，只会简单地演示如何使用 React 创建动画效果。
React 插件
React 官方提供了两个插件用于处理动画效果：一个是偏底层的 react-addons-transition-group，一个是在前者基础上进一步封装的 react-addons-css-transition-group。在使用它们之前，需要先检查下你使用的是哪种类型的 React 版本，一般通过 npm 安装的 React 默认不会安装这两个插件，需要手动安装它们：
npm install --save react-addons-transition-group
react-addons-css-transition-group在这里先介绍 react-addons-css-t
订阅专栏 解锁全文
扫一扫
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
