/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 vote206 views5 answers
Line 7:18: 'Section' is not defined react/jsx-no-undef
Javascript React
2 votes230 views1 answer
How to add multiple style attributes in react element
Javascript React
1 vote228 views3 answers
React redux how to change object value in reducer
Javascript React
19 votes226 views6 answers
React native build android apk
Javascript React
20 votes218 views4 answers
Conditional Rendering in React js
Javascript React
1 vote223 views1 answer
React eslint prettier
Javascript React
3 votes242 views3 answers
How to remove global react-native-cli package
Javascript React
-1 vote247 views1 answer
Image component doesn't show image from url react native
Javascript React
0 vote234 views1 answer
React native Setting a timer for a long period of time
Javascript React
0 vote237 views1 answer
Get image from gallery react native
Javascript React