react——react-transition-group的基本使用（一）

安装该组件库：yarn add react-transition-group

该组件库包括四个组件：Transition（不太用了） CSSTransition（最常用） SwitchTransition TransitionGroup（列表中元素的动画）

CSSTransition简单案例：

效果：点击按钮，下方的图片以淡出方式隐藏，再次点击按钮，图片淡入

代码：

index.js:

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import 'antd/dist/antd.css'
import './transition/CSSTransition.css'
// import './transition/SwitchTransition.css'

ReactDOM.render(
    <App />,
  document.getElementById('root')
);

App.js:

import React, { PureComponent } from 'react';
import CSSTransitionDemo from './