使用历史记录反应路由器 v5 - 路由上没有显示内容

Question

我正在为我在这里缺少的东西而头疼。只要我使用，我的路由就可以正常工作BrowserRouter：

import { BrowserRouter as Router } from 'react-router-dom'

但现在我想我的外组件（以佐贺）和编程导航，我切换到Router与history

// history.js
import { createBrowserHistory } from 'history'
const history = createBrowserHistory()
export default history

// index.js
import { Router } from 'react-router-dom'
import history from './app/history'

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

现在，当我点击刷新时，我会看到路线的内容，但是如果我尝试使用历史记录或单击 a 进行导航，Link则不会呈现任何路线，只是 url 发生了变化。

我错过了什么？

我也试过了import { Router } from 'react-router'，没有用。

提前致谢！

Answer 1

看起来很多人一直在讨论这个问题，正是使用history最新版本>=5导致了这个问题。

它似乎可以正常使用4.x诸如此类的版本4.10.1，因此您可能需要降级history版本才能使其暂时工作。

{
  "history": "4.10.1",
}

以下是未解决的问题：

• https://github.com/ReactTraining/history/issues/803
• https://github.com/ReactTraining/history/issues/804
• https://github.com/ReactTraining/history/issues/805

我猜有人正在致力于修复。让我们看看我们是否会再次更新。