How to get history on react-router v4?

by

You just need to have a module that exports a history object. Then you would import that object throughout your project.

// history.js
import { createBrowserHistory } from 'history'

export default createBrowserHistory({
  /* pass a configuration object here if needed */
})

Then, instead of using one of the built-in routers, you would use the <Router> component.

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

ReactDOM.render((
  <Router history={history}>
    <App />
  </Router>
), holder)

// some-other-file.js
import history from './history'
history.push('/go-here')

More Related Contents:

  1. How to push to History in React Router v4?
  2. How to pass params with history.push/Link/Redirect in react-router v4?
  3. Detecting user leaving page with react-router
  4. React router changes url but not view
  5. Programmatically navigating in React-Router v4
  6. react-router-dom v6 useNavigate passing value to another component
  7. Why do I get the error “expressions must have one parent element”, how do I fix this?
  8. What is the best way to redirect a page using React Router? [closed]
  9. React Router Pass Param to Component
  10. How to stop /#/ in browser with react-router?
  11. react-router-dom useParams() inside class component
  12. Cannot read property ‘history’ of undefined (useHistory hook of React Router 5)
  13. What is withRouter for in react-router-dom?
  14. How do you programmatically update query params in react-router?
  15. Invariant failed: You should not use outside a
  16. Using React-Router with a layout page or multiple components per page
  17. Target Active Link when the route is active in Next.js
  18. Use history.push in action creator with react-router-v4?
  19. How do I avoid ‘Function components cannot be given refs’ when using react-router-dom?
  20. Page layout broken in React Router v6
  21. react router v6 No routes matched location
  22. Pass object through Link in react router
  23. Automatic redirect after login with react-router
  24. React Router v4 with multiple layouts
  25. Passing values through React-Router v4
  26. How to generate sitemap with react router
  27. How to create dynamic route in gatsby
  28. How to go back to previous route in react-router-dom v6
  29. React Router V6 – Error: useRoutes() may be used only in the context of a component
  30. How to remove the hash from the url in react-router

Leave a Comment