在history.push()之后组件没有被渲染

单击按钮后，我将通过执行以下操作更改 URLhistory.push()

import createHistory from 'history/createBrowserHistory'  
const history = createHistory()  
.  
. some code  
.  
history.push(`/share/${objectId}`)

并希望中提到的组件Route因为该 URL 会呈现，但没有发生。不过，刷新后该组件将按预期呈现。但我不明白为什么 URL 更改后它不会立即呈现。我尝试过将组件包裹在里面withRouter.

import React, {Component} from 'react'  
import {BrowserRouter, Router, Route, Switch, withRouter} from 'react-router-dom'  
import createHistory from 'history/createBrowserHistory'  

import Home from './pages/home'  
import ViewFile from './pages/view-file'  

const history = createHistory()

class App extends Component {
    constructor(props) {
      super(props)
    }

      render() {
      return (
          <BrowserRouter>
              <Switch>
                  <Route exact path={'/'} component={Home}/>
                  <Route path={'/share/:id'} component={withRouter(ViewFile)}/>
              </Switch>
          </BrowserRouter>
      )
  }
}

export default App 

以及路过的history in Router我认为与使用相同BrowserRouter.

import React, {Component} from 'react'  
import {BrowserRouter, Router, Route, Switch, withRouter} from 'react-router-dom'  
import createHistory from 'history/createBrowserHistory'  

import Home from './pages/home'  
import ViewFile from './pages/view-file'  

const history = createHistory()

class App extends Component {
    constructor(props) {
      super(props)
    }

      render() {
      return (
          <Router history={history}>
              <Switch>
                  <Route exact path={'/'} component={Home}/>
                  <Route path={'/share/:id'} component={ViewFile}/>
              </Switch>
          </Router>
      )
  }
}

export default App 

但没有得到任何运气。谁能解释为什么会发生这种情况？
P.S 我浏览了答案here但他们没有帮助

这可能会对某人有所帮助。确保history软件包版本兼容react-router-dom.

这个组合didn't为我工作：

历史：5.0.0使用反应路由器 dom：5.2.0

这个组合did:

历史：4.10.1与反应路由器 DOM5.2.0