css-transitions - redux-router 異なるページと戻るボタンの異なるトランジション

Question

私はでアプリケーションを書いており、次のようにページ間でアニメーション化するために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またはその逆に移動するかによって、異なるトランジションを表示するにはどうすればよいでしょうか? また、これは戻るボタンも自動的にカバーしますか?