如何通过browserhistory触发反应js中的页面更改事件？

Question

import { browserHistory } from 'react-router'

我正在使用来自react-router的browserHistory，我正在寻找一个事件，只要通过browserHistory发生页面trasition / page更改就会触发该事件。 （这也包括浏览器后退和前进的页面导航）。它应该是全球性的。可能是这样的：

onNavigationChange(){
    //do something
}

Answer 1

您可以使用

browserHistory.listen(event => {
  console.log('listen', event.pathname);
});

<Router history={browserHistory}>{routes}</Router>

您需要使用传递给ReactRouter的browserHistory对象。