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 vote124 views1 answer
React redux wait for props
Javascript React
0 vote116 views1 answer
Placeholder text disappear when click in react
Javascript React
0 vote118 views1 answer
React json object pretty
Javascript React
0 vote145 views2 answers
React js big calendar
Javascript React
2 votes141 views4 answers
Can't perform a React state update on an unmounted component
Javascript React
92 votes128 views6 answers
React router dom
Javascript React
0 vote132 views1 answer
Preview image before upload reactjs
Javascript React
3 votes140 views1 answer
React proxy error: could not proxy request from localhost:3000 to http localhost:5000 econnreset
Javascript React
0 vote129 views2 answers
Counter with react hooks
Javascript React
11 votes117 views3 answers
Reactjs get url query params as object
Javascript React