/Javascript/React/React parameter value from query string

React parameter value from query string

// As far as I know there are three methods you can do that.
// Suppose an URL looks like this
// http://www.google.com.au?token=123

// 1) use a third library called 'query-string'.
import queryString from 'query-string'

const value=queryString.parse(this.props.location.search);
const token=value.token;
console.log('token',token)//123

// 2) Without library - Get a single query string
const query = new URLSearchParams(this.props.location.search);

const token = query.get('token')
console.log(token)//123

// 3) One liner - Get query string with '&' and without any library
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 vote431 views1 answer
Render object id in an array reactjs from database
Javascript React
1 vote423 views2 answers
React native open link in browser
Javascript React
4 votes421 views1 answer
How to add oAuth google signin in react native app
Javascript React
12 votes366 views1 answer
Suspense react
Javascript React
50 votes343 views6 answers
Yarn create react app
Javascript React
0 vote398 views1 answer
How to write sepearet styles in single line in react native
Javascript React
0 vote381 views2 answers
React social login buttons
Javascript React
0 vote438 views1 answer
Uuid react native expo
Javascript React
2 votes453 views2 answers
Past value from parent in reactjs
Javascript React
3 votes395 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React