背景:

  • 页面使用搜索条件表单和搜索结果进行呈现

  • 按下搜索按钮后,将执行搜索并显示结果

  • 从API请求收到结果时,我们希望将搜索条件存储在查询参数中的URL上 . 这允许相同的搜索可以与仅具有URL的其他搜索共享

我们试图通过直接更新 location.search 以及使用React Router的 history prop来完成最后一点 . 它成功更新了URL,但React Router检测到URL更改,并再次处理它,导致整个流程进入无限循环 .

有没有办法在没有React Router处理更改的情况下设置查询参数?