Convert search string to query object (after switching to react-router v4)

Question

After switching to react-router 4.0 I dumbly wasted way too much time trying to figure out how to get and set the location.search string to a regular query object.

Even after finally realizing they're not handling query params anymore (Parse Query Parameters in React Router v4) and turning to URLSearchParams I then couldn't remember how to easily extract an object from an iterator. Answer below. Hope it helps someone.

Community · Accepted Answer · 2017-05-23 12:17:45Z

0

At least here's a pretty short way to do it with lodash:

const getQuery = () => {
  let qp = new URLSearchParams(location.search)
  _.fromPairs([...qp.entries()])
}

Oh, and now, on submitting I see: How to parse query string in react-router v4, but my answer gets the whole object.

edited May 23, 2017 at 12:17

CommunityBot

11 silver badge

answered Apr 6, 2017 at 13:50

Sigfried

3,1503 gold badges33 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ray Shan Over a year ago

Note URLSearchParams isn't widely supported yet, e.g. in Edge. Please see caniuse.com/#feat=urlsearchparams

Collectives™ on Stack Overflow

Convert search string to query object (after switching to react-router v4)

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related