追加url中的搜索参数

Question

我正在尝试过滤一些股票。基本上，url中的search参数触发不同的graphQL调用来获取正确的过滤内容。

我的网址是这样的：localhost:3000/stocks?orderBy=id_stock&orderWay=asc&page=1

我有一个表格，让你选择你想要的过滤器。假设您希望每个项目的颜色都是id_color = 1，我希望在表单提交时将&color=1追加到现有网址中，以便提供：localhost:3000/stocks?orderBy=id_stock&orderWay=asc&page=1&color=1。

有没有办法简单地做到这一点？我尝试了解this.props.history.push()，但似乎并不是我想要做的。

Answer 1

history.push()和history.replace()是以编程方式更改反应路由器中URL的唯一方法。如果你想追加一些东西到当前路径，你可以简单地做一些事情如下。

this.props.history.push(this.props.match.url + "&color=1") 

this.props.match.url为您提供电流路径，在这里我们主要通过添加新的参数去当前路径创建新的路径。