首页 > 解决方案 > 如何在反应中更新路由参数

问题描述

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

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

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

所以我的网址看起来像这样

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

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

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

如果我的代码如下

changeFilters(value1,value2,value3){
  const filterParam1 = value1;
  const filterParam2 = value2;
  const filterParam3 = value3;
  
  updateRouteWithTheseParams();//what do I write here
}

组件是在更新路由参数时重新安装还是只是重新渲染?

有没有更好的方法来实现这一目标?

我在用"react-router": "^3.0.4"

标签: reactjsreact-router

解决方案


推荐阅读