微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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 举报,一经查实,本站将立刻删除。