reactjs - React router 4 History.listen 永远不会触发

Question

切换到路由器 v4 和历史记录 v4.5.1，现在历史记录监听器不工作

import createBrowserHistory from 'history/createBrowserHistory'
const history = createBrowserHistory()

history.listen((location, action) => {
  console.log(action, location.pathname, location.state)  //  <=== Never happens
})

render(
  <Provider store={store}>
    <Router history={history}>
      ...
    </Router>
  </Provider>,
  document.getElementById('root')
)

知道为什么它被忽略吗？

Answer 1

由于您使用的是 BrowserRouter(如问题评论中提到的导入别名 Router )，它不关心您传入的历史记录。相反，它 internally creates and assigns new browser history to the Router 。所以你监听的历史实例和Router中使用的历史实例是不一样的。这就是为什么你的监听器不起作用。

导入原来的路由器。

import { Router } from 'react-router-dom';

它将按您的预期工作。