Javascript reactjs：如何使用TransitionGroup&；登录时带有重定向的CSTranslation

我正在使用Laravel&Reactjs和react路由器dom。我制作了一个Reactjs登录页面，将用户重定向到仪表板主页，但它没有使用CSTransition动画。在仪表板中，我有一个导航栏，可与CST转换一起使用。因此，我怎样才能使登录也与过渡

当正向登录（在呈现函数内）时，登录页面重定向为true：

const{redirect}=this.state；
如果（重定向）{
返回；
}

动画开关：

//router
const AnimatedSwitch = withRouter(({ location, ...props }) => {

    return (   
    <TransitionGroup>
        <CSSTransition key={location.key} classNames="slide" timeout={350}>
            <Switch location={location}>
                <Route exact path="/home" component={Dashboard} />
                <Route exact path="/clients" render={() => <Clients />} />
                <Route exact path="/login" component={() => <Login isAuth={props.isAuth} />} />
            </Switch>
        </CSSTransition>
    </TransitionGroup>
    )
});

//路由器
const AnimatedSwitch=withRouter（（{location，…props}）=>{
报税表（
} />
} />
)
});

应用程序渲染：

    render() {
        if (this.state.auth) {
            return (
                <div className="wrapper">
                    <BrowserRouter>
                        <Sidebar />
                        <div className="main-panel">
                            <div className="content">
                                <AnimatedSwitch isAuth={this.isAuth}/>
                            </div>
                        </div>
                    </BrowserRouter>
                </div>
            );
        } else {
            return (
                <div className="wrapper">
                    <BrowserRouter>
                        <div className="main-panel">
                            <AnimatedSwitch isAuth={this.isAuth}/>
                        </div>
                    </BrowserRouter>
                </div>
            );
        }
    }
}

render（）{
if（this.state.auth）{
返回(
);
}否则{
返回(
);
}
}
}

为什么重定向不使用转换

    render() {
        if (this.state.auth) {
            return (
                <div className="wrapper">
                    <BrowserRouter>
                        <Sidebar />
                        <div className="main-panel">
                            <div className="content">
                                <AnimatedSwitch isAuth={this.isAuth}/>
                            </div>
                        </div>
                    </BrowserRouter>
                </div>
            );
        } else {
            return (
                <div className="wrapper">
                    <BrowserRouter>
                        <div className="main-panel">
                            <AnimatedSwitch isAuth={this.isAuth}/>
                        </div>
                    </BrowserRouter>
                </div>
            );
        }
    }
}