/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 vote163 views1 answer
React native section list sort by alphabet
Javascript React
1 vote154 views1 answer
Reactjs change window name
Javascript React
0 vote154 views1 answer
React strap documentation
Javascript React
-2 votes138 views2 answers
Import link react
Javascript React
4 votes150 views2 answers
React filter array from another array
Javascript React
0 vote163 views3 answers
React lifecycle hooks
Javascript React
0 vote145 views1 answer
Dropdown menu in react does not re render the component
Javascript React
1 vote146 views1 answer
How hooks handle dependency in react
Javascript React
0 vote142 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
6 votes168 views2 answers
String to html javascript react
Javascript React