使用REACT-ROUTER-DOM v6.0.2检测用户离开页面 [英] Detecting user leaving page with react-router-dom v6.0.2
本文介绍了使用REACT-ROUTER-DOM v6.0.2检测用户离开页面的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
推荐答案
如何解决我的问题? 我没有降级,而是创建了两个自定义挂钩。
useCallbackPrompt
挂钩useBlocker
挂钩
useCallbackPrompt
挂钩
此挂钩处理弹出窗口,以根据特定条件显示和隐藏并更新位置。
它看起来是什么样子。
我创建了状态showDialog
;如果用户在当前页面/表单上更改了某些内容,它将更新状态showDialog
,如果用户尝试离开,将显示提示,并询问用户是否要留下来。
Post的链接
这篇关于使用REACT-ROUTER-DOM v6.0.2检测用户离开页面的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文