Reactjs 如何在react中更新管线参数
我有一个组件,它有一些过滤下拉列表和一个结果表 我必须根据下拉过滤器的组合更新表中的结果 我想为此使用一个路由器参数和几个查询参数 所以我的URL看起来像这样Reactjs 如何在react中更新管线参数,reactjs,react-router,Reactjs,React Router,我有一个组件,它有一些过滤下拉列表和一个结果表 我必须根据下拉过滤器的组合更新表中的结果 我想为此使用一个路由器参数和几个查询参数 所以我的URL看起来像这样 http://localhost:3000/dashboard/component/filterParam1value?filterParam2=value&filterParam3=value 每当我更改过滤器时,我需要将这些值更新到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已放弃对查询字符串的支持。您可以找到讨论和一些可能的解决方法。