在url中附加搜索参数

Question

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

我的网址如下：search

我有一个表单，可让您选择想要的过滤器。假设您希望每个项目的颜色都为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，但这似乎不是我想要做的。

Answer 1

history.push()和history.replace()是以编程方式更改react路由器中的URL的唯一方法。如果你想在当前路径上添加一些内容，你可以简单地执行以下操作。

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

this.props.match.url为您提供当前路径，在这里我们基本上通过将新参数附加到当前路径来创建新路径。