history.push не перенаправляет

Question

Использование реакции-маршрутизатора 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
  })
}