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
}

reactjs get url query params as object

new URLSearchParams(location.search).get("your_query_param_key")
______________________________________

    if(location && location?.search?.includes("registration_token")){
      const emailValue = new URLSearchParams(location.search).get("email")
      const regTokenValue = new URLSearchParams(location.search).get("registration_token")

      setValue("email", emailValue) 
      setValue("registration_token", regTokenValue) 
      console.log(regTokenValue, emailValue);
    }

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