CSSTransition.js是什么

CSSTransition.js是React官方提供的一个轻量级动画库，它是基于CSS transitions和CSS animations来实现组件的平滑过渡效果。它结合了React的组件化思想，允许你在React组件之间添加简单的、样式驱动的过渡动画，比如淡入淡出、滑动切换等，无需编写复杂的JavaScript动画代码。

使用CSSTransition.js，你可以通过设置`transitionName`属性为一个CSS类名，然后定义这个类里的CSS过渡或动画规则，React将自动在组件渲染时添加和移除这些类，触发相应的过渡效果。它非常适合于状态改变时的小型视觉反馈，如列表项的增删改查操作。

例如：

import { CSSTransition } from 'react-transition-group';

function MyComponent({ isHidden }) {
  return (
    <CSSTransition in={isHidden} timeout={500}>
      { /* 显示/隐藏的内容 */ }
    </CSSTransition>
  );
}