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

23 votes183 views2 answers
Reactjs app change port
Javascript React
1 vote132 views1 answer
Functions inside class component react
Javascript React
2 votes180 views1 answer
How to add multiple style attributes in react element
Javascript React
5 votes188 views6 answers
Box shadow in react native
Javascript React
0 vote207 views1 answer
React native kesatore
Javascript React
0 vote182 views1 answer
React Update a label when rate moves "quietly"
Javascript React
0 vote191 views1 answer
React native navigate two screens back
Javascript React
64 votes179 views6 answers
Router react
Javascript React
1 vote179 views1 answer
How to redirect in ionic react
Javascript React
19 votes145 views10 answers
'Switch' is not exported from 'react-router-dom'. ch warning.
Javascript React