css-transitions - redux-router 不同页面和后退按钮的不同转换

Question

我正在编写一个应用程序，redux-router并且我正在使用 aReactCSSTransitionGroup在页面之间设置动画，如下所示：

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. 我将如何根据用户是否从 the 移动index到 an 来显示不同的转换article，反之亦然？这也会自动覆盖后退按钮吗？