关于react路由切换动画的问题

Question

页面刷新的时候动画出来了，但是切换路由时，却没有动画效果，enter和leave的class都没有出现过，请问是什么问题？

Answer 1

这个问题我也遇到过。 CSSTransitionGroup 做动画好像是根据 比较key值的不同。 但是也就是一楼说的， 其实用了switch包住之后无论你怎么切传进去的 children 也不会不同， 比如在你这 应该是一个数组 数组第一个元素是 Home组件， 第二个元素是 About组件。 说的不对请大家指正

https://reacttraining.com/rea...

这是文档上写的实现的方法， 目前我也是用这种实现的。 希望有大神讲解看起来不这么复杂的方法。 因为按这个做下去， 总是下面在套路由我就乱了

Answer 2

CSSTransitionGroup 只有在传进去的 children 切换后才生效。

所以你需要用一个Switch包裹住两个Route。

Answer 3

csstransitionGroup的子组件必须有唯一的key，也就是要给route加上一个唯一的key
见http://blog.csdn.net/liangklf...