React插件轉換組＆反應路由器 - JS頁面轉換動畫

Question

如何使用React路由器的轉換組的JS變體。我在頂層的代碼如下所示反應路由器componenent但componentWillLeave()事件不會在孩子的路線火：

<TransitionGroup> 
    {this.props.children} 
</TransitionGroup> 

Answer 1

給路線的關鍵解決該問題：

const ChildRoutes = React.cloneElement(this.props.children, { 
      key: this.props.location.pathname, 
     })