追加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爲您提供電流路徑，在這裏我們主要通過添加新的參數去當前路徑創建新的路徑。