history.push 不重定向

Question

使用 react-router v4 和 BrowserRouter 我正在调用 history.push 导航到不同的路径。不幸的是，浏览器中的 url 发生了变化，但没有导航。我不确定作曲路线是否正确，还是我错过了什么？

<Route render={({history}) =>
    <div className="nav" onClick={() => {history.push('/new-route');}}><i 
    className="fa fa-user"/></div>}
/>

Answer 1

您可以尝试使用上下文 api

const Button = (props, context) => (
  <button
    type='button'
    onClick={() => {
      // context.history.push === history.push
      context.history.push('/new-location')
    }}
  >
    Click Me!
  </button>
)

// you need to specify the context type so that it
// is available within the component
Button.contextTypes = {
  history: React.PropTypes.shape({
    push: React.PropTypes.func.isRequired
  })
}