欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

react 断网提示

发布时间:2023/12/14 编程问答 42 豆豆
生活随笔 收集整理的这篇文章主要介绍了 react 断网提示 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

react 断网提示,
断网,恢复网络时进行的操作

// 断网提示useEffect(() => {let timer: NodeJS.Timerconst online = () => {// 网络恢复timer && clearInterval(timer)}const offline = () => {timer && clearInterval(timer)timer = setInterval(() => {if (window.navigator.onLine === true) {message.success('网络恢复正常')} else {message.success('网络异常')}}, 3000)}window.addEventListener('online', online)window.addEventListener('offline', offline)return () => {timer && clearInterval(timer)window.removeEventListener('online', online)window.removeEventListener('offline', offline)}}, [])

总结

以上是生活随笔为你收集整理的react 断网提示的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。