路由切换动画
因为项目的需求,需要在路由切换的时候,加入一些比较 zb 的视觉效果,所以研究了一下。把这些学习的过程记录下来,以便以后回顾。同时也希望这些内容能够帮助一些跟我一样的菜鸟,让他们少走些坑。可能我对代码的表述不是很到位,希望大家不要介意。机智的你们一定可以看明白。
参考内容:
react 路由动画
react-router Switch 组件
react 动画插件
1.插件依赖
使用的插件是react-transition-group。先简单介绍一下动画插件的使用方式。
CSSTransition这个组件有两个比较主要的属性:key和in。
in:Boolean
1