JAVASCRIPT

get url parameter in react js

import React from "react";
import { useLocation } from "react-router-dom";

const MyComponent = () => {
  const search = useLocation().search;
const id=new URLSearchParams(search).get("id");
console.log(id);//12345
}

how to use url parameters in react

//in route
<Route path="child/:id" children={<Child />} />
  
// in component
import { useParams } from "react-router-dom";

let { id } = useParams();

get parameter from url reactjs

const [searchParams, setSearchParams] = useSearchParams();
searchParams.get("__firebase_request_key")

react get url params in class component

this.props.match.params.redirectParam

How to get a parameter from url in react js-Reactjs.

<Route path="/users/:id" render={(props) => <UserPage {...props} />}/> 

this.props.match.params.id