/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

1 vote113 views1 answer
How to pass function as a props in react in functional components
Javascript React
2 votes136 views1 answer
React check if focused
Javascript React
0 vote128 views1 answer
React-native-dropdown-picker for form react native
Javascript React
15 votes131 views3 answers
React native expo navigation
Javascript React
2 votes83 views6 answers
React font-awesome
Javascript React
0 vote134 views2 answers
Onclick toggle class react
Javascript React
0 vote134 views1 answer
Insert isValidPhoneNumber in react hook form
Javascript React
0 vote121 views1 answer
React native navigation remove top header screen
Javascript React
0 vote129 views1 answer
Clear form in react
Javascript React
0 vote133 views1 answer
Event pooling in react/event.persist/using async function in event callback
Javascript React