/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

7 votes146 views3 answers
React native class component
Javascript React
0 vote129 views1 answer
React call component state
Javascript React
1 vote159 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
5 votes127 views2 answers
Update react version
Javascript React
0 vote128 views1 answer
How to get circle around text in react natvie
Javascript React
5 votes86 views2 answers
React hook form
Javascript React
0 vote152 views1 answer
React router dom change default path
Javascript React
108 votes174 views1 answer
How to start react app in windows
Javascript React
0 vote145 views1 answer
How to calc() height in react native for styling
Javascript React
0 vote133 views3 answers
Run react native with debugger breakpoint
Javascript React