防止用户离开，以选择方式呈现模式

Question

我一直试图防止用户导航离开页面。我已经尝试过window.onbeforeunload的{​​{1}}事件和Prompt组件，它们都利用浏览器的内置对话框（对吗？）来通知用户。我不确定如何在向用户展示react-router-dom组件上的选择时如何防止用户导航。 我正在使用组件状态，并且用户在页面上所做的更改由状态指示（页面脏，布尔）。 我是React的新手，任何建议将深表感谢。