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

IT技术 reactjs react-router
2021-05-06 10:08:03

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

你如何以编程方式更新 react-router 中的查询参数？

这可能会被关闭，因为我没有任何代码可以显示，但是在 github 上他们说“询问堆栈溢出”，据我所知，它不在文档中。

1个回答

您可以使用withRouter 高阶组件直接访问历史记录。

例如

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)
其它你可能感兴趣的问题
上一篇Reactjs - 访问变量 下一篇使用 mocha、chai 和 sinon 测试通量存储