React router hooks

React router dom current path hook

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

// Location is, for example: http://localhost:3000/users/new

// Care! MyComponent must be inside Router to work
const MyComponent = () => {
	const location = useLocation()
    
    // location.pathname is '/users/new'
    return <span>Path is: {location.pathname}</span>
}

export default MyComponent

React router hooks

import { useRouteMatch } from "react-router-dom";

function BlogPost() {
  let match = useRouteMatch("/blog/:slug");

  // Do whatever you want with the match...
  return <div />;
}

Source: reactrouter.com

Similar codes

0 vote145 views1 answer
Could not resolve project :react-native-iap mergedebugassets
Javascript React
0 vote171 views1 answer
Multilone input react
Javascript React
0 vote161 views1 answer
React first click not working
Javascript React
32 votes164 views1 answer
'react-router-dom'
Javascript React
3 votes288 views3 answers
Center element react native
Javascript React
0 vote237 views1 answer
React big calendar messages
Javascript React
2 votes202 views1 answer
React router 6 navigate
Javascript React
2 votes153 views2 answers
How to add multiple classes to a ReactJS Component
Javascript React
0 vote157 views1 answer
Invariant Violation: [React Intl] An `id` must be provided to format a message.
Javascript React
0 vote179 views1 answer
Remove console messages of react-i18next
Javascript React