Javascript 如何使用react js钩子和历史api停止浏览器后退按钮?

Javascript 如何使用react js钩子和历史api停止浏览器后退按钮?,javascript,reactjs,react-router-dom,Javascript,Reactjs,React Router Dom,我试图在成功登录应用程序后禁用“后退”按钮,但未能成功。 我正在使用react路由器dom 5.2.0进行路由。 当前,如果有人单击浏览器后退按钮,我将重定向到登录页面,但我需要阻止后退按钮 useffect(()=>{ return()=>{ 如果(history.action==“POP”){ replace('/login'); } }; },[历史]; 以下是停止浏览器后退按钮的方法 history.pushState(null, null, location.href);

我试图在成功登录应用程序后禁用“后退”按钮,但未能成功。 我正在使用react路由器dom 5.2.0进行路由。 当前,如果有人单击浏览器后退按钮,我将重定向到登录页面,但我需要阻止后退按钮

useffect(()=>{
return()=>{
如果(history.action==“POP”){
replace('/login');
}
};   
},[历史];

以下是停止浏览器后退按钮的方法

  history.pushState(null, null, location.href);
   window.onpopstate = function(event) {
    history.go(1);
  };

没有办法完全禁用“浏览器后退”按钮,您只能防止它像您正在做的那样后退

执行此操作时,不要忘记收听
历史记录上的事件,请尝试以下操作:

useffect(()=>{
返回历史记录。侦听(()=>{//listen
如果(history.action==“POP”){
历史记录。替换(“/login”);
}
});
},[历史];

我正试图阻止或禁用“后退”按钮,使其无法返回。无法完全禁用浏览器的“后退”按钮,您只能阻止它们返回。您查看了我的答案吗?考虑给出一些反馈,问候!