TypechoJoeTheme

徐海林博客-BBC'Blog

Cortana

生而为人,我很抱歉
网站页面
搜索到 6 篇与 进击码农 的结果
2021-05-10

React-Router-DOM 弹窗拦截浏览器关闭页面

React-Router-DOM 弹窗拦截浏览器关闭页面
大家都在写博文,最怕的就是博文内容没有成功保存了。那么有什么办法可以减少遇到这样的情况呢?自然就是想办法让「窗口」不能被关掉呀。那么问题来了,有什么方法可以拦截呢?这个问题我寻找了很久很久,才得知 Window 有一个叫做 onbeforeunload 的事件。这个事件的编写方式,大概长这样:window.addEventListener("beforeunload", function (ev){ ev.preventDefault(); ev.returnValue = '是否保存?'; });但它只适合普通页面,并不适用于 React 编写的网页,我的写法是加在 componentDidMount 初始化,componentWillUnmount 清除这个 Event,但是我发现这样写的话,只要 Unmount 就去除了 Event,根本就不会弹窗询问。这很有可能是压根无法触发此事件,所以我在寻找着 React 下的写法,一番搜索过后,我终于找到了答案。使用方法首先引入 Prompt 组件,然后在你的 render 里面编写以下内容:import...
2021年05月10日
5,874 阅读
0 评论
Cortana
生而为人,我很抱歉
33 文章数
0 评论量

人生倒计时

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月