react get url params in class component

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
}

Popularity 10/10 Helpfulness 9/10 Language javascript

Source: stackoverflow.com

Tags: get

Link to this answer
Share Copy Link

Contributed on Jan 25 2022

Selfish Scarab

0 Answers Avg Quality 2/10

reactjs get url query params as object

Comment

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);
    }

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: get

Link to this answer
Share Copy Link

Contributed on Apr 20 2021

Witty Weevil

0 Answers Avg Quality 2/10

react get url params

Comment

import { useLocation } from 'react-router-dom';

//url = http://localhost:3000/main/ride?params=1

const location = useLocation();

const [value, setValue] = useState( new URLSearchParams(location.search).get('params'));

console.log(value) // 1

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: get

Link to this answer
Share Copy Link

Contributed on Jan 06 2023

Ugly Unicorn

0 Answers Avg Quality 2/10

get parameter from url reactjs

Comment

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

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: get

Link to this answer
Share Copy Link

Contributed on Jan 09 2022

Kind Kinkajou

0 Answers Avg Quality 2/10

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

Comment

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

this.props.match.params.id

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: www.appsloveworld.com

Tags: get

Link to this answer
Share Copy Link

Contributed on Oct 23 2022

Annoying Anteater

0 Answers Avg Quality 2/10

react get url params in class component

Contents

More Related Answers

react get url params in class component

Closely Related Answers

get url parameter in react js

reactjs get url query params as object

react get url params

get parameter from url reactjs

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

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.