反应路由器:MemoryHistory

React-Router: MemoryHistory

所以我最近开始使用 createMemoryHistory 因为我正在构建一个将在 iframe 中呈现的应用程序。幸运的是,单击 UI 按钮,我可以在不修改 url 的情况下四处导航。但是,当我单击浏览器中的“<-”(后退)按钮时,它会将我的 url 修改为当前路径。有什么方法可以禁用此 s.t。单击后退按钮不会更改 url 路径但仍保持其行为?

感谢您的帮助!

//history.js
import createMemoryHistory from "history/createMemoryHistory";

const history = createMemoryHistory();

export default history;

我正在通过 history.push(something)

修改历史记录

为了保持 url 不变,同时仍然触发历史记录 back 行为,您可能需要用您想要的行为覆盖浏览器后退按钮的默认行为。

此 link(how to stop browser back button using javascript) 包含有关实现该目标的方法的讨论。但是,请注意,覆盖默认浏览器行为具有一定的风险,因此不鼓励这样做。