我正在使用redux-router
编写一个应用程序,我使用ReactCSSTransitionGroup
在页面之间设置动画,如下所示:
class App extends Component {
render() {
return (
<ReactCSSTransitionGroup
component="div"
transitionName="moveLeft"
transitionEnterTimeout={700}
transitionLeaveTimeout={700}
>
{React.cloneElement(this.props.children, {
key: this.props.location.pathname
})}
</ReactCSSTransitionGroup>
);
}
}
我正在处理的项目有一个index
页面和articles
。如何根据用户是从index
移动到article
反之亦然,我将如何显示不同的过渡?这还会自动覆盖后退按钮吗?