/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

3 votes195 views2 answers
Get param is react
Javascript React
1 vote189 views1 answer
Unexpected token. did you mean `{'>'}` or `>`? react
Javascript React
0 vote253 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
0 vote178 views2 answers
Read data in props.histroy.push in react component
Javascript React
0 vote179 views1 answer
Write !important in react
Javascript React
4 votes173 views1 answer
UseEffect with axios react
Javascript React
0 vote180 views1 answer
Images not displaying in react
Javascript React
4 votes175 views1 answer
How to empty form after submit react
Javascript React
11 votes194 views3 answers
Reactjs get url query params as object
Javascript React
1 vote218 views2 answers
Deploy create react app pm2
Javascript React