Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.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
Reactjs 如何在react中更新管线参数_Reactjs_React Router - Fatal编程技术网

Reactjs 如何在react中更新管线参数

Reactjs 如何在react中更新管线参数,reactjs,react-router,Reactjs,React Router,我有一个组件,它有一些过滤下拉列表和一个结果表 我必须根据下拉过滤器的组合更新表中的结果 我想为此使用一个路由器参数和几个查询参数 所以我的URL看起来像这样 http://localhost:3000/dashboard/component/filterParam1value?filterParam2=value&filterParam3=value 每当我更改过滤器时,我需要将这些值更新到URL,组件就会从URL中提取值并计算结果表 我需要这样做,因为我需要用户能够在按下后退按钮时转到上一个

我有一个组件,它有一些过滤下拉列表和一个结果表

我必须根据下拉过滤器的组合更新表中的结果

我想为此使用一个路由器参数和几个查询参数

所以我的URL看起来像这样

http://localhost:3000/dashboard/component/filterParam1value?filterParam2=value&filterParam3=value

每当我更改过滤器时,我需要将这些值更新到URL,组件就会从URL中提取值并计算结果表

我需要这样做,因为我需要用户能够在按下后退按钮时转到上一个过滤器组合

如果我的代码如下

changeFilters(值1、值2、值3){
常数filterParam1=值1;
常数filterParam2=值2;
常数filterParam3=值3;
updateRouteWithTheParams();//我在这里写什么

}
您可能可以使用浏览器历史记录并编写一个函数来获取参数并从中创建查询字符串,然后将其推送到浏览器历史记录。请尝试
this.props.history.push(\\create your url here)
注意react router v4已放弃对查询字符串的支持。您可以找到讨论和一些可能的解决方法。