javascript - React-Router 在按下后退按钮时跳过搜索查询

标签 javascript reactjs react-router

在搜索页面中,我使用了搜索查询。我想跳过搜索查询的更改并返回到真正的上一页。

现在:

/page1 -> /page2 -> /page2?id=1 -> /page2?id=1&order=max -(back)-> /page2?id=1 -(back)-> /page2? -(back)-> /page1

我想要的:

/page1 -> /page2 -> /page2?id=1 -> /page2?id=1&order=max -(back)-> /page1

最佳答案

您要跳过的页面只需使用replace 进行导航而不是push

假设你的历史栈是

/第1页 推送另一个页面 /第2页 推送另一个页面 /第3页 然后 page3 上只有一个查询更改,你想在弹出时返回到 page2。

所以只需将/page3/替换为/page3?q=test

所以现在历史堆栈将是

/第1页

/第2页

/page3?q=测试

关于javascript - React-Router 在按下后退按钮时跳过搜索查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51007980/

相关文章:

javascript - 滚动到页面加载的特定区域并执行 Ajax 查询

reactjs - 如何修复 VSCode 中的 "Expression expected. ts(1109)"?

reactjs - React 组件订阅太晚了。如何避免失去第一场比赛?

javascript - 在 React 中选择不同的下拉选项时更改路由参数

reactjs - 我应该使用哪种 TypeScript 类型来引用 Prop 中的匹配对象?

javascript - 为什么导入类会使此代码失败?

javascript - 如何替换 JavaScript 中的加号?

javascript - React-Router 3错误: <Route> elements are for router configuration only and should not be rendered

javascript - Reacjs 和 Flux 的最佳资源

javascript - react 路由器:位置 "/"与任何路由都不匹配