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

1 vote450 views1 answer
React native text capitalize
Javascript React
0 vote386 views1 answer
Why does my react project dosent have any class
Javascript React
0 vote372 views1 answer
Restful react npm
Javascript React
0 vote349 views1 answer
Npm i react-use-navigator-permissions
Javascript React
0 vote378 views1 answer
Nice react native shadow
Javascript React
0 vote403 views1 answer
React native cli sdk.dir
Javascript React
2 votes448 views2 answers
Select field in react native
Javascript React
-2 votes403 views3 answers
Switch is not exported from 'react-router-dom'
Javascript React
0 vote364 views1 answer
How do i make a link to direct me to a new page when i click on a button in react
Javascript React
15 votes450 views2 answers
Ternary react
Javascript React