/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

11 votes227 views3 answers
Create react tailwind app
Javascript React
0 vote199 views1 answer
Using RN BootSplash with React Navigation
Javascript React
0 vote201 views1 answer
Inline style to change background color react
Javascript React
8 votes221 views2 answers
React native italic text
Javascript React
0 vote210 views1 answer
React tooltip on disabled button
Javascript React
2 votes215 views1 answer
Authfunctions react
Javascript React
0 vote197 views2 answers
How to import jquery file in react js
Javascript React
0 vote247 views1 answer
How to go to settings on next click in react native
Javascript React
1 vote216 views1 answer
Import json file in react native
Javascript React
1 vote215 views1 answer
React slick slider duplicate items when infinite true #1623
Javascript React