当用户在当前页面点击回退和前进弹出窗口警示

使用React-router-dom 弹窗前确认

一、需要离开提示页面上添加

1.引入Prompt

import { Prompt } from 'react-router-dom';

2.在页面中添加组件，可在render内任一地方添加

<Prompt message='是否离开？' when={true} />

render(){
    return <Prompt message='是否离开？' when={true} />
}

监听刷新：

window.onbeforeunload = function(e) {\
var dialogText = 'Dialog text here';\
e.returnValue = dialogText;\
return dialogText;\
};