/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

1 vote330 views1 answer
@react-google-maps/api npm
Javascript React
1 vote325 views1 answer
Adding media queries in makeStyle material react
Javascript React
3 votes320 views1 answer
How to use react-fontawesome
Javascript React
0 vote348 views1 answer
Reactjs function exemple useEffect
Javascript React
11 votes315 views3 answers
Redirect onclick react
Javascript React
0 vote341 views1 answer
Date picker type react
Javascript React
0 vote325 views1 answer
Form.select react bootstrap
Javascript React
1 vote330 views1 answer
Horizontal scroll onclick react
Javascript React
0 vote305 views1 answer
React import json
Javascript React
0 vote340 views2 answers
Toastify react not working
Javascript React