React|ant design页面切换动画

我想实现登录页面,页面之间切换,有动画效果
React|ant design页面切换动画
文章图片

实现代码

// duration number 450 动画时间 , // 当duration为数组是,Array[inTime,outTime],第一个参数表示显示动画过渡时间,第二个表示消失动画过渡时间,当我设置为[450,0]时,实现了无缝切换 {page==='page1' ? [
页面一
] : null}
{page==='page2' ? [
页面二
] : null}
{page==='page3' ? [
页面三
] : null}

【React|ant design页面切换动画】参考链接 An Motion

    推荐阅读