首页 > 其他分享 >在react里面刷新浏览器,不会触发componentWillUnmount事件

在react里面刷新浏览器,不会触发componentWillUnmount事件

时间:2023-06-03 16:04:35浏览次数:32  
标签:触发 浏览器 react 事件 刷新 componentWillUnmount

今天遇见个小bug发现刷新浏览器,componentWillUnmount竟然不会触发。

搜了一下,可能原因是浏览器刷新的时候,componentQillUnmout来不及触发,就被刷掉了。

使用 onbeforeunload事件可以完美解决这个问题。

 

标签:触发,浏览器,react,事件,刷新,componentWillUnmount
From: https://www.cnblogs.com/yaoyu7/p/17454066.html

相关文章

  • 【React工作记录八十三】React+Hook+ts+antDesign实现table行编辑功能
    前言大家好我是歌谣今天要说的是antdesign实现表格行编辑的功能考虑问题的时候我们需要多看官方的api开发开始紧接着我们对照着api进行开发首先加一个table<TableonChange={onTableChange}rowKey="id"......
  • JavaScript学习笔记:浏览器事件
    概念客户端JavaScript程序使用异步事件驱动的编程模型。浏览器会在文档、浏览器或某些元素或与之关联的对象发生某些事情时生成事件对象。比如文档加载完成、敲击键盘输入等。JavaScript程序可以给某些对象绑定监听器函数来监听特定的事件,在该对象上发生指定事件时,这些函数会被......
  • HackBrowserData一键获取浏览器登陆凭证
    HackBrowserData是一个命令行工具,用于从浏览器中解密和导出浏览器数据(密码、历史记录、Cookie、书签、信用卡、下载记录、本地存储和扩展)。它支持市场上最流行的浏览器,并可在Windows、macOS和Linux上运行。免责声明:此工具仅用于安全研究目的。用户对使用该工具所产生的所有......
  • deepin系统更新谷歌浏览器chrome的方法
    deepin系统更新谷歌浏览器chrome的方法1为什么要更新谷歌浏览器谷歌浏览器更新频繁,隔一段时间不更新,打开浏览器时会自动弹出一个提示更新的窗口,有点烦,如果使用python自动处理程序时,如webbrowser.open('http://×.html')语句,不能正确执行。目前,deepin系统谷歌浏览器在国内不能点......
  • react配置API请求代理
    需求当请求http://10.1.1.1:3131/v1/*接口时,需要代理到8181端口。如果只需要代理匹配到/v1路径的请求,可以在package.json中使用http-proxy-middleware进行自定义代理配置。以下是一个示例:首先,确保已经安装了http-proxy-middleware包。如果没有安装,可以使用以下命令进行安......
  • react初始化项目
    初始化基础的项目npminstall-gcreate-react-appcreate-react-appmy-appcdmy-appnpmstart箴言:因为这些东西是非常简单的。不要抱怨自己学不会,那是因为你没有足够用心。......
  • React 配置文件 | 配置本地IP地址和端口号
    问题create-react-app默认端口号是3000,当有的别的项目占用该端口号时自己想使用别的端口号时方法1、更改node_modulesa.依次打开“node_modules”—“react-scripts”—“scripts”文件夹,找到并打开start.js文件;b.在start.js文件中查找并修改“DEFAULT_PORT”项的端口值即可。2......
  • vue 浏览器调试 定位具体行数
    module.exports={lintOnSave:false,devServer:{//开发环境下设置为编译好以后直接打开浏览器浏览open:true,},configureWebpack:(config)=>{//调试JSconfig.devtool="eval-source-map"},css:{//查看CSS属于哪个css文件......
  • 浏览器渲染HTML的步骤
       HTML被HTML解析器解析成DOMTree,CSS则被CSS解析器解析成CSSOMTree`。DOMTree和CSSOMTree解析完成后,被附加到一起,形成渲染树(RenderTree)。节点信息计算(重排),这个过程被叫做Layout(Webkit)或者Reflow(Mozilla)。即根据渲染树计算每个节点的几何信息生成布局......
  • 【React18专栏】React强制刷新组件的方式
    方法一:参考链接:https://cloud.tencent.com/developer/article/2160064方法二:完全卸载并重新挂载:在React中,当你需要完全卸载并重新创建一个新的编辑器实例时,可以使用key属性强制触发重新渲染const[refreshKey,setRefreshKey]=useState(0);constrefreshEditor=()=>......