javascript - 如何通过browserhistory触发react js中的页面更改事件？

Question

import { browserHistory } from 'react-router'

我正在使用react-router中的browserHistory，我正在寻找一个每当通过browserHistory发生页面转换/页面更改时就会触发的事件。 (这也包括通过浏览器后退和前进的页面导航)。它应该是全局性的。可能是这样的:

onNavigationChange(){
    //do something
}

Answer 1

您可以使用

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

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

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