Breaking News: Grepper is joining You.com. Read the official announcement!

react parameter value from query string

Gleaming Goat answered on April 25, 2021 Popularity 10/10 Helpfulness 5/10

answer react parameter value from query string

related react query params

react parameter value from query string

Comment

// 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), {});

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript query-string

Link to this answer
Share Copy Link

Contributed on Apr 25 2021

Gleaming Goat

0 Answers Avg Quality 2/10

Closely Related Answers

react query params

Comment

const params = new URLSearchParams();

params.append('customerId', `${customerId}`);

return await fetchCustomers(`customers/${params}`)

Popularity 9/10 Helpfulness 5/10 Language typescript

Source: Grepper

Tags: react-query reac

Link to this answer
Share Copy Link

Contributed on Jun 21 2024

Murtin

0 Answers Avg Quality 2/10

react parameter value from query string

Contents

More Related Answers

react parameter value from query string

Closely Related Answers

react query params

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.