In react-router V4 how can I programmatically set the query string params?

Question

Same question as here, but for react-router version 4.

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

This will probably be closed because I don't have any code to show, but at github they say "ask on Stack Overflow", and it's not in the documentation as far as I can see.

Possible duplicate of stackoverflow.com/questions/44108850/… — Shubham Khatri
– Shubham Khatri, Commented May 23, 2017 at 12:04

Alex Faunt · Accepted Answer · 2017-05-23 11:57:15Z

6

You can use the withRouter higher order component to access the history directly.

e.g.

import React, { Component } from 'react
import { withRouter } from 'react-router'

class MyComp extends Component {
  doStuff = () => {
    this.props.history.push({
      pathname: '/pathname',
      search: '?stuff=done'
    })
  }

  render () {
    <button onClick={this.doStuff}>Do stuff</button>
  }
}

export default withRouter(MyComp)

answered May 23, 2017 at 11:57

Alex Faunt

5895 silver badges6 bronze badges

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

Collectives™ on Stack Overflow

In react-router V4 how can I programmatically set the query string params?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related