history.push在React JS中附加查询参数

问题描述

我的界面中有3个按钮

  1. 折扣

当我单击“折扣”按钮时,我需要按如下所示更改URL ROUTE。

/ products?website = ajio&category = jackets-coats&sort =折扣

此外,我正在使用的网站和类别查询参数都是动态的

history.location.search

我也通过了它

history.push(const [input,setInput] = React.useState('') const [goals,setGoals] = React.useState< Array<{ key: string,value: string }> >([]) const addHandler = () => { setGoals((curGoals) => [...curGoals,{ key: Math.random().toString(),value: input }]) }

但是当我再次单击其他任何按钮以对上述3个按钮进行排序时,它会附加最后一个参数

产品?网站= ajio&category = jeans&sort = discount&sort = discount&sort = rating&sort = discount

如何防止这种情况,我只需要替换排序名称,而是附加整个查询参数

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...