Is there any event/hook to detect route change?

I have a <Router> with many <Route>

I want count each page views like Google Analytics

So the problem is how to detect Router url changing ?

[mjackson]

@EasonWang01 It will after you hit Enter

[amxfonseca]

Can’t you use onChange or onEnter property? Just add that you your top level route(s) and it will call a function and pass you the information about the previous and the next route.

 <Route path="/" onChange={yourHandler} component={AppContainer}>
   <IndexRoute component={StaticContainer}  />
   <Route path="/a" component={ContainerA}  />
   <Route path="/b" component={ContainerB}  />
 </Route>

function yourHandler(previousRoute, nextRoute) {
   //do your logic here
}

Edit:

For this specific case maybe using the hooks on the router it’s a bit of an overkill. You can also add an event listener to your browser history if you use one.

import { browserHistory } from 'react-router';

//Your initialization

browserHistory.listen( location =>  {
 //Do your stuff here
});