我需要在ReactJS中实现一个脚本/功能,阻止用户返回或刷新或前进一个实际的应用程序页面没有确认警报消息的ReactJS。
我的家:localhost:3000 / 简历页面:localhost:3000 / resume
如果用户位于/resume
页面,然后意外或故意尝试刷新,请返回,或继续使用典型的WebBrowser控件, ReactJS中的应用程序检测到该操作并显示一条警告消息,例如:ex “哇!您正试图离开页面,如果继续,您可能会丢失所有数据。您确定要继续吗?”< / EM>
¿有关如何解决它的想法吗?
非常感谢先进。
答案 0 :(得分:0)
您可以使用纯JS实现此目的。记录here的window.onbeforeunload
可让您在卸载页面之前执行某些操作,甚至取消事件本身。
window.onbeforeunload = (e) => {
// Your alert logic could be invoked here...
};