/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 votes255 views1 answer
Pass element from child to parent react
Javascript React
0 vote258 views1 answer
React native run android common error
Javascript React
0 vote253 views1 answer
Counter composant react
Javascript React
2 votes252 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React
0 vote274 views1 answer
Ngrok react.js
Javascript React
0 vote267 views1 answer
React electron desktop app
Javascript React
0 vote234 views1 answer
React Hook useEffect has missing dependencies: 'cart' and 'user._id'. Either include them or remove the dependency array react-hooks/exhaustive-deps
Javascript React
1 vote248 views1 answer
How to use react memo hooks
Javascript React
0 vote325 views1 answer
Install react loading spinner
Javascript React
0 vote186 views1 answer
React node github project
Javascript React