react-router 怎么全局监听URL

Question

在react-router项目里，我想全局监听URL变化来做一些逻辑判断。
本来我是通过监听hash来的，但是发现监听hash会触发两次回调。

请问有什么好的解决办法？

Answer 1

可以在根路由组件中监听location.pathname的属性

// route
<Route path='/' component={ App }>
</Route>

// App.jsx
componentWillReceiveProps(nextProps){
    console.log(nextProps.location.pathname)    // path/to/abc
}