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 vote111 views1 answer
Set navigation drawer to open by default react native
Javascript React
0 vote108 views1 answer
External js doesn't works if revisit the page in react
Javascript React
0 vote301 views1 answer
React yup password with number string and uppercase
Javascript React
0 vote113 views1 answer
React-data-table-component cell action
Javascript React
4 votes125 views1 answer
Text input placeholder color react native
Javascript React
2 votes113 views3 answers
React cdn link
Javascript React
0 vote110 views1 answer
How to remove the top border from table react bootstrap
Javascript React
1 vote104 views1 answer
Spread operator react array
Javascript React
19 votes121 views3 answers
React Hooks append state
Javascript React
18 votes120 views3 answers
Add material ui to react
Javascript React