Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/fortran/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在表单提交中添加查询参数-React router 4_Javascript_Reactjs_React Router - Fatal编程技术网

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

Javascript 在表单提交中添加查询参数-React router 4,javascript,reactjs,react-router,Javascript,Reactjs,React Router,使用React router 4提交表单时所需的效果是将搜索查询附加到URL的末尾 我当前的安装程序将在表单提交时发送API请求,然后在render方法中呈现结果 在不使用链接或重定向的情况下,是否有办法将查询添加到URL上(可能是从表单提交方法中添加)?您可以将查询动态推送到URL,如 this.props.router.push({ pathname: '/yourRoute', query: { someQuery: 'value' } }) 将您的组件与witRouter连接,

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

我当前的安装程序将在表单提交时发送API请求,然后在render方法中呈现结果


在不使用链接或重定向的情况下,是否有办法将查询添加到URL上(可能是从表单提交方法中添加)?

您可以将查询动态推送到URL,如

this.props.router.push({
  pathname: '/yourRoute',
  query: { someQuery: 'value' }
})
将您的组件与
witRouter
连接,以便能够使用
router道具

import { withRouter } from 'react-router'

....


export default withRouter(App);

您可以在提交功能中使用
history
对象。检查前一个问题是否符合您的要求: