React Router v4 – How to get current route?

by

In the 5.1 release of react-router there is a hook called useLocation, which returns the current location object. This might useful any time you need to know the current URL.

import { useLocation } from 'react-router-dom'

function HeaderView() {
  const location = useLocation();
  console.log(location.pathname);
  return <span>Path : {location.pathname}</span>
}

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. Detect Route Change with react-router
  5. Simple Conditional Routing in Reactjs
  6. Nested Routes not rendering with React Router v4
  7. Use history.push in action creator with react-router-v4?
  8. React Router 4 Nested Routes not rendering
  9. React router 4 does not update view on link, but does on refresh
  10. How to nest routes in React Router v4?
  11. React Router work on reload, but not when clicking on a link
  12. Programmatically navigate using React router
  13. How to get parameter value from query string?
  14. How to create a protected route?
  15. Passing custom props to router component in react-router v4
  16. How to implement authenticated routes in React Router 4?
  17. Component does not remount when route parameters change
  18. React.createElement: type is invalid — expected a string
  19. 404 when trying to enter a react app route
  20. React-Router open Link in new tab
  21. How to tell webpack dev server to serve index.html for any route
  22. react-router vs react-router-dom, when to use one or the other?
  23. useNavigate() may be used only in the context of a component
  24. Performing Authentication on Routes with react-router-v4
  25. react app showing empty page when redirecting on production build
  26. React: Hide a Component on a specific Route
  27. React router and this.props.children – how to pass state to this.props.children
  28. using NavLink with external URL
  29. Children won’t render when using a layout in ReactJS
  30. React Router Navigate pathing

Leave a Comment