在不重载页面的情况下使用react-router删除一个查询字符串？

Question

在我的应用程序中，我有一个查询字符串，我想在点击按钮后删除。

我得到的查询字符串是这样的。

  import qs from 'query-string'
  // ..

  const { search } = url
  const { id } = qs.parse(search)

然后当我点击按钮时，我想在不重载页面的情况下删除这个字符串。

  const onClick = () => {
     history.push({})
  }

然而上面的代码并没有达到预期的效果。

Answer 1

你应该可以用调用到 replace. 呼叫推送将添加一个新的条目到历史记录中，这将打破以前的按钮。调用替换不推，而是替换当前页面。

const onClick = () => {
  history.replace(pathWithoutTheQuery)
}