在表单提交上添加查询参数 - React router 4

Question

使用React路由器4提交表单时所需的效果是将搜索查询附加到URL的末尾。

我当前的设置将在表单提交时发送API请求，然后在render方法中呈现结果。

如果不使用链接或重定向，有没有办法将查询添加到URL，可能是从表单提交方法中？

Answer 1

您可以动态地将查询推送到网址，如

this.props.router.push({
  pathname: '/yourRoute',
  query: { someQuery: 'value' }
})

将您的组件与witRouter相关联，以便能够使用router prop

import { withRouter } from 'react-router'

....


export default withRouter(App);