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

React Router Dom - 清除 url 参数而不刷新页面

如何解决React Router Dom - 清除 url 参数而不刷新页面

我确实有一些通过链接传递到 url 的参数,例如:

https://mysite/post/list?success

考虑到我使用 React JS 并使用 React router dom,我应该如何清理参数而不刷新页面,为了对后退按钮友好?我的目标是相同的页面,没有参数。

编辑:建议here,此解决方不适用于这种情况

  const queryParams = new URLSearchParams(location.search)
  queryParams.delete('success')
  history.replace({
    search: queryParams.toString(),})
    

确实在逐个处理参数时起作用(通过应用“if”链),但我正在寻找一个函数一次清除它们 - 是有没有办法用 .delete 方法做到这一点?

解决方法

找到了!

   const queryParams = ""
   history.replace({
     search: queryParams,})

'非常简单和高效。结束。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。