javascript - 防止用户离开，提供有选择的模态

Question

我一直试图阻止用户离开页面。我已经尝试了来自的window.onbeforeunload事件和Prompt组件react-router-dom，它们都利用浏览器的内置对话框（这是正确的术语吗？）来通知用户。我不确定如何防止用户在向他们展示Modal组件选择时离开。我正在使用组件状态，用户在页面上所做的更改由状态指示（页面是否脏，布尔值）。我是 React 新手，任何建议都将不胜感激。

标签： javascriptreactjs