React router 4 does not update view on link, but does on refresh

by

You can also use the:

import { withRouter } from 'react-router-dom';

And then on your export default, you do like this:

export default withRouter(connect(mapStateToProps, {})(Layout));

Because when you have an export connect, you need to tell that that component will be using the router.

More Related Contents:

  1. How to push to History in React Router v4?
  2. Programmatically navigating in React-Router v4
  3. Nesting Routes in react-router v4
  4. React Router v4 – How to get current route?
  5. Detect Route Change with react-router
  6. Simple Conditional Routing in Reactjs
  7. Nested Routes not rendering with React Router v4
  8. Use history.push in action creator with react-router-v4?
  9. React Router 4 Nested Routes not rendering
  10. How to nest routes in React Router v4?
  11. React Router work on reload, but not when clicking on a link
  12. React-router URLs don’t work when refreshing or writing manually
  13. Programmatically Navigate using react-router
  14. Programmatically navigate using react router V4
  15. React-router-v6 access a url parameter
  16. react-router-dom v6 useNavigate passing value to another component
  17. React doesn’t reload component data on route param change or query change
  18. What is the best way to redirect a page using React Router? [closed]
  19. React Router Pass Param to Component
  20. How to stop /#/ in browser with react-router?
  21. react-router-dom useParams() inside class component
  22. What is withRouter for in react-router-dom?
  23. How do you programmatically update query params in react-router?
  24. Using React-Router with a layout page or multiple components per page
  25. Target Active Link when the route is active in Next.js
  26. onEnter not called in React-Router
  27. How do I avoid ‘Function components cannot be given refs’ when using react-router-dom?
  28. Page layout broken in React Router v6
  29. Pass object through Link in react router
  30. Automatic redirect after login with react-router

Leave a Comment