我正试图使用以下代码在React中打开一个弹出窗口,当用户关闭一个标签页时:
useEffect(() => {
window.addEventListener('beforeunload',handleUnload );
return () => {
window.removeEventListener('beforeunload', handleUnload);
}
}, []);
const handleUnload = (e) => {
e.preventDefault();
console.log('hey')
alert("HEY");
}
还有其他方法可以完成这个任务吗?或者我是否可以修改代码来实现目标。目前我正在尝试警告用户。
handleUnload
中包裹{}
?移除它们,你应该只传递一个函数引用。代码应该是window.addEventListener('beforeunload', handleUnload)
。 - zero298