ReactJS阻止用户导航

Question

我有一个使用react-router 2.4.1的react-js应用程序。

我的网页应用中有一个页面包含大表单，因此当用户尝试导航到其他页面，按后退按钮或关闭页面时，我想在此页面上询问用户Are you sure you want to leave this page等。

我能够通过像这样处理onbeforeunload事件来获得关闭页面部分：

window.addEventListener("beforeunload", (ev) => 
{  
    ev.preventDefault();
    return ev.returnValue = 'Are you sure you want to close?';
});

但改变路线部分或＆＃34;返回＆＃34;按钮的情况，我不确定什么是正确的做法...请指出我应该如何处理这些案件。

谢谢！