React addons过渡组＆amp;反应路由器 - JS页面过渡动画

Question

如何将Transition Group的JS变体与React Router一起使用。我在顶级反应路由器组件中显示了下面显示的代码，但componentWillLeave()事件不会在子路由中触发：

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

Answer 1

给路线一把钥匙解决了这个问题：

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