在react-router V4中，我如何以编程方式设置查询字符串参数？

Question

与此处相同的问题，但对于react-router版本4。

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

这可能会被关闭，因为我没有任何代码可以显示，但是在github上他们会说'＃34;问Stack Overflow＆＃34;并且它在文档中没有到目前为止我可以看到。

Answer 1

您可以使用withRouter higher order component直接访问历史记录。

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)