历史推送是按两次相同的键

Question

英语不是我的语言，所以可能会出现错误，我是初学者（react hooks），我的表单（antd）数据正在 url 中移动，一切正常，除了返回并将表单输入值更改为另一个再往前走，我可以看到现在有两次相同的键但不同的值，我的意思是现在有例如'name = james'和'name = susan'，但我只想有一个'name'和它应该是最新的，我应该以不同的方式推动吗？如果有助于理解，下面也是我为此制作的图片。当 console.log(query);它显示了两个“名称”

下一页功能来自这里： 表格>

我要从 b 页返回到 a 页，如下所示：

const query = window.location.toString().split("?")[1];

  const handleclick = () => {
    history.push(`/pagea/${custId}?${query}`);
  };

nextPage函数中的历史推送是这样的

const query = window.location.toString().split("?")[1];

  const nextPage = (order: rRequest) => {

    history.push(`/customers/${custId}?${query}&name=${order.name}`);
 };

Answer 1

const query = window.location.toString().split("?")[1];
var qry = "";
if (query) {
  qry = query.split("&");
  for (var i = 0; i < qry.length; i++) {
    var curr = qry[i].split("=");
    if (curr[0] == "name") {
      qry.splice(i, 1);
      i--;
    }
  }
  qry = qry.join("&");
}

const nextPage = (order: rRequest) => {
  history.push(`/customers/${custId}?${qry}&name=${order.name}`);
};