Reactjs 反应跃迁群

我遇到一个问题，我将动画应用到父管线，而子管线继承相同的动画。我希望父管线与子管线具有不同的动画。谁能帮上忙吗。以下是我正在做的：

render（）方法：

return（）方法：

{React.cloneElement（this.props.children，{key:segment}}

然后在我的孩子部分：

<ReactCSSTransitionGroup
      transitionName = "slide"
      transitionEnterTimeout = {1000}
      transitionLeaveTimeout = {1000}>
      {React.cloneElement(this.props.children, {key: this.props.location.pathname})}
</ReactCSSTransitionGroup>

{React.cloneElement（this.props.children，{key:this.props.location.pathname}

---

子路由将淡入淡出而不是幻灯片动画？

问题是每个子路由的关键点完全相同，因此我使用路径作为关键点，因为路径总是不同的。

我遇到了相同的问题-您是否已经解决了这个问题？您知道如何在React Router v4中实现类似的效果吗？

<ReactCSSTransitionGroup
      transitionName = "fade"
      transitionEnterTimeout = {750}
      transitionLeaveTimeout = {250}>
      {React.cloneElement(this.props.children, {key: segment})}
</ReactCSSTransitionGroup>

<ReactCSSTransitionGroup
      transitionName = "slide"
      transitionEnterTimeout = {1000}
      transitionLeaveTimeout = {1000}>
      {React.cloneElement(this.props.children, {key: this.props.location.pathname})}
</ReactCSSTransitionGroup>