ant design页面切换动画

我想实现登录页面，页面之间切换，有动画效果

实现代码

// duration	number	450	动画时间 ,
// 当duration为数组是，Array[inTime,outTime]，第一个参数表示显示动画过渡时间，第二个表示消失动画过渡时间，当我设置为[450,0]时，实现了无缝切换

    <Button onClick={()=>{this.setState({page:'youName'})}}>点击切换</Button>
        <QueueAnim duration={[450,0]}>
          {page==='page1' ? [
            <div className="demo-tbody" key="a">
              页面一
            </div>
          ] : null}
        </QueueAnim>

        <QueueAnim duration={[450,0]}>
          {page==='page2' ? [
            <div className="demo-tbody" key="b">
             页面二
            </div>
          ] : null}
        </QueueAnim>

        <QueueAnim duration={[450,0]}>
          {page==='page3' ? [
            <div className="demo-tbody" key="c">
              页面三
            </div>
          ] : null}
        </QueueAnim>

参考链接 An Motion