/Javascript/React/Get url query in react

Get url query in react

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 url query in react

const getQueryParams = () => window.location.search.replace('?', '').split('&').reduce((r,e) => (r[e.split('=')[0]] = decodeURIComponent(e.split('=')[1]), r), {});

Source: stackoverflow.com

Similar codes

2 votes390 views1 answer
Display image as big as possible react native
Javascript React
0 vote398 views2 answers
React arrow function component
Javascript React
1 vote406 views1 answer
React map array limit
Javascript React
0 vote415 views1 answer
Add active class to button onclick react
Javascript React
0 vote423 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React
0 vote405 views1 answer
Qr code generator in react native
Javascript React
0 vote393 views1 answer
Onclick react history map
Javascript React
0 vote377 views2 answers
Read and save excel with react
Javascript React
1 vote394 views1 answer
React redux actions must be plain objects
Javascript React
25 votes379 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React