/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 vote177 views2 answers
React native elements datepicker
Javascript React
1 vote188 views1 answer
Google font in react native
Javascript React
1 vote247 views1 answer
How to resize react icons
Javascript React
3 votes177 views2 answers
React is there a safe area view for android
Javascript React
23 votes242 views5 answers
USE ICONS IN REACT
Javascript React
98 votes227 views2 answers
Add bootstrap to react,.........,,,,
Javascript React
0 vote193 views1 answer
Counter composant react
Javascript React
10 votes182 views3 answers
Install firebase react
Javascript React
127 votes632 views3 answers
Make react app
Javascript React
93 votes186 views6 answers
React router dom install
Javascript React