React路由过度动画

解决React路由过渡效果的问题
下载三个包：
1.npm install react-animated-router --save
2.npm install react-transition-group@2.3.0 --save
3.npm install –save-dev prop-types

页面引用：

import AnimatedRouter from 'react-animated-router'; //我们的AnimatedRouter组件
import 'react-animated-router/animate.css'; //引入默认的动画样式定义

然后将路由组件 Switch替换为 AnimatedRouter 即可