reactjs - 如何防止重新加载并显示自定义弹出窗口？

Question

我有一个表单，当我的用户尝试重新加载时，我需要显示弹出窗口 "If you reload the page you cannot use this form" .
使用浏览器中的按钮重新加载页面
如何防止重新加载并显示自定义弹出窗口？

Answer 1

浏览器旨在通过 native 弹出窗口进行确认 https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event
这不能定制(这将需要异步处理)
如果后者是可能的，人们会被困在色情页面上并且永远没有机会离开它们。