react中实现路由切换时离开页面确认弹窗提示
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react中实现路由切换时离开页面确认弹窗提示相关的知识，希望对你有一定的参考价值。
参考技术A 弹窗前确认一、需要离开提示页面上添加
a.引入Prompt
b.在页面中添加组件，可在render内任一地方添加
<Prompt message='商家信息还未保存，是否离开？' when=true />
二、在路由页面进行配置
a.Router上添加 getUserConfirmation=getConfirmation
b.在路由页面添加方法
三、触发弹窗
通过设置window.pageChangeConfirm，触发是否弹窗。
例：在componentDidMount设置默认离开是否弹窗。 也可在点击页面时触发修改弹窗参数
以上是关于react中实现路由切换时离开页面确认弹窗提示的主要内容，如果未能解决你的问题，请参考以下文章
如何在导航上显示提示（GatsbyJS/ReachRouter）
Vue | ElementUIVue离开当前页面时弹出确认框实现