使用react-transition-group完成过场动画
umi4 中,实现不了路由级别的过渡动画,因为 qutlet?.children 这个内容的渲染好像有点问题,会多出一个页面来(目测是 umi4 的问题,因为在 umi3 中其实是有方案做这件事情的)react-transition-group 是一个用于控制动画过程的库(它是 react 官方团队维护的),它能让你更加方便地管你你动画的流程!umi3 是可以实现路由级别的过度动画的,详见参考链接,umi4 暂时还不行,目测是框架逻辑的原因。这里定了两个动画样式。
原创
2023-02-06 23:03:29 ·
322 阅读 ·
0 评论