How to parse a query string in React Router

Question

Hello I´m using react router and I need to pass some querystring parameters

tried with

Answer 1

Older versions of React Router offered this functionality but ultimately they decided it was too cumbersome to handle the variation across browsers.

As of the current version (v4), you need to use a library, such as query-string.

One more option to consider: if you know your target browsers support the URLSearchParams API, you can use that instead.

Install package:

yarn add query-string

Usage:

import queryString from 'query-string'

...

componentDidMount() {
  const values = queryString.parse(this.props.location.search)
}