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 vote227 views1 answer
React strap documentation
Javascript React
140 votes778 views3 answers
React.js installation
Javascript React
0 vote191 views1 answer
React Mixed symbols
Javascript React
0 vote188 views1 answer
Reactjs download file axios
Javascript React
0 vote235 views1 answer
Change module name react native android studio
Javascript React
0 vote213 views2 answers
Get data from url using react
Javascript React
2 votes195 views1 answer
How to add multiple style attributes in react element
Javascript React
29 votes197 views6 answers
If react
Javascript React
18 votes218 views6 answers
React native release apk command
Javascript React
16 votes196 views6 answers
Usestate in react
Javascript React