/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

0 vote140 views1 answer
Burger menu bulma React
Javascript React
1 vote144 views1 answer
Get children react
Javascript React
0 vote145 views1 answer
React deployment pipeline
Javascript React
5 votes143 views1 answer
How to create a component in react native
Javascript React
0 vote159 views2 answers
React query stop refetch when i switch browser tabs (per query)
Javascript React
0 vote181 views1 answer
Create a link in react js to download xcelfile
Javascript React
0 vote140 views1 answer
React native use route undefined
Javascript React
0 vote178 views1 answer
React paypal express checkout
Javascript React
24 votes151 views6 answers
Shadow react native
Javascript React
0 vote142 views1 answer
Routing in react jps
Javascript React