HiveBrain v1.2.0
Get Started
← Back to all entries
snippetreactCritical

How do you programmatically update query params in react-router?

Submitted by: @import:stackoverflow-api··
0
Viewed 0 times
programmaticallyupdateparamsyouqueryreactrouterhow

Problem

I can't seem to find how to update query params with react-router without using `. hashHistory.push(url) doesn't seem to register query params, and it doesn't seem like you can pass a query object or anything as a second argument.

How do you change the url from
/shop/Clothes/dresses to /shop/Clothes/dresses?color=blue in react-router without using ?

And is an
onChange` function really the only way to listen for query changes? Why aren't query changes automatically detected and reacted-to the way that param changes are?

Solution

Within the push method of hashHistory, you can specify your query parameters. For instance,

history.push({
  pathname: '/dresses',
  search: '?color=blue'
})


or

history.push('/dresses?color=blue')


You can check out this repository for additional examples on using history

Code Snippets

history.push({
  pathname: '/dresses',
  search: '?color=blue'
})
history.push('/dresses?color=blue')

Context

Stack Overflow Q#40161516, score: 284

Revisions (0)

No revisions yet.