/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

4 votes237 views1 answer
Import react icons module
Javascript React
0 vote262 views1 answer
Private router react v6
Javascript React
0 vote229 views1 answer
Csv upload with react
Javascript React
0 vote263 views1 answer
React password hashing
Javascript React
8 votes231 views4 answers
Get react version
Javascript React
1 vote238 views1 answer
React next alias import
Javascript React
1 vote230 views1 answer
Adding parameters to url react router
Javascript React
0 vote307 views1 answer
Invariant Violation: [React Intl] An `id` must be provided to format a message.
Javascript React
0 vote241 views2 answers
Mobile nav react npm
Javascript React
0 vote243 views1 answer
Change env location react
Javascript React