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 vote266 views1 answer
React node github project
Javascript React
38 votes321 views2 answers
How to comment out code in react js
Javascript React
16 votes336 views1 answer
Deploy react app netlify
Javascript React
0 vote357 views1 answer
Passing argument to function handler functional compoent javascript react
Javascript React
1 vote329 views2 answers
React select npm
Javascript React
0 vote432 views1 answer
@invertase/react-native-apple-authentication npm
Javascript React
0 vote331 views2 answers
How to give data from react native to webview
Javascript React
0 vote333 views1 answer
Reactstrap form post
Javascript React
7 votes344 views3 answers
Conditional style react
Javascript React
11 votes308 views3 answers
React native text ellipsis
Javascript React