关于setRouteLeaveHook无法使用时的替代方案registerTransitionHook

背景：首先说明下，这个问题很奇怪，花了整整一天在google上搜了一圈没有结果，深夜加班到10：30还是没有效果。但是进度在一点点往前走，并且确认解题大方向没有问题所以也一直没有放弃。下面介绍下具体问题：

钩子：我们知道react\Router中有一个路由钩子，这个钩子可以针对某个组件(父或子)在遇到具体事件时触发回调，相当于拦截事件触发做内置于钩子hook中的方法。

需求：切换路由时触发钩子进行用户提示是否离开目前路由

方案(google)：

componentDidMount(){

this.props.router.setRouteLeaveHook(
            this.props.route,
            this.routerWillLeave
        )

}


routerWillLeave(nextLoac) {
        return "you sure you want to leave?" ;
}


另外需要注意的是：router的注入，withRouter对router的组装之类的，这个google上都有，这里只说我遇到的问题，目前为止在google上还没有被发现

一通操作猛如虎，一看结果惊呆了，始终没有效果，打了console一直没法进入钩子函数routerWillLeave，经过不断尝试之后发现一个问题：在不刷新的情况下改变本js任何代码哪怕多一个或少一个空格然后编译，效果就出来了。一直不太明白到底什么原因，如果有看到的大神麻烦解释下，谢谢。

后来在一次意外中发现router里面还有个registerTransitionHook,之所以注意到这个是因为在debug上面代码时发现出效果的情况会进入到一个叫transitionHook的方法，所以我想如果不用setRouteLeaveHook直接使用registerTransitionHook是不是会达到同样的效果，因为我用的是antd-react-dva一套，而router已经被dva封装了一层，担心之所以setRouteLeaveHook没有是因为这个原因，所以就在google registerTransitionHook。一搜一个准，https://github.com/ReactTraining/history/issues/14这个大神说他就是用这个来实现我想要的效果的，但是人家是用history，dva里面history从哪来？直接从父组件传递下来应该就可以了，但是因为router里面就有这个方法，何必使用history，果断把history改为this.props.router测试一把，搞定。

效果是有了，另外把google大神其他的助攻随便说下吧，避免你们再找来找去了。此处会有一个小bug，你切换任何一个路由都会有弹框，怎么办？在componentWillUnmount里面使用unregisterTransitionHook方法把钩子撤销掉，但是需要注意：必须是同一个钩子，怎么做？在constructor里面绑定就好

constructor(props) {
        super(props);
        this.routerWillLeave = this.routerWillLeave.bind(this)
    }

 //离开该页面时删除该监听事件
    componentWillUnmount() {
   this.props.router.unregisterTransitionHook(this.routerWillLeave)
    }

因为太激动了，所以写下这边博文以作纪念，哈哈