Reactjs 如何检测页面刷新 (F5)

onUnload(event) { 
  alert('page Refreshed')
}

componentDidMount() {
  window.addEventListener("beforeunload", this.onUnload)
}

componentWillUnmount() {
   window.removeEventListener("beforeunload", this.onUnload)
}

if (window.performance) {
  if (performance.navigation.type == 1) {
    alert( "This page is reloaded" );
  } else {
    alert( "This page is not reloaded");
  }
}

Reactjs相关问答推荐

为什么我的标签在Redux API中不能正常工作？

两条react 路由的行为不同.有没有人能解释一下，我已经找了好几天了

防止在Reaction中卸载

如何访问子集合中的文档？

生成Reaction Vite应用程序的停靠容器时无法识别环境变量

需要特定的数学函数来标准化动画持续时间

Reaction路由-如何在布局路由内呈现&q；/：id&q；路由

通过createRoot创建的React元素无法调用Provider值

为什么我的 Next.js (React) 组件只有在页面中时才有效？

使用 toast 时挂钩调用无效

React js中不记名令牌中的空间问题

react - 警告：列表中的每个子元素都应该有一个独特的 keys props ，即使我已经设置了 keys

单元测试 useLoaderData() react-router v6 加载器函数

React Native map 中的初始zoom 级别

调用 Statsig.updateUser 时 UI 不呈现

react-markdown 不渲染 Markdown

在 Reactjs 中状态发生变化时渲染一个新组件而不替换旧组件

getAttribute 函数并不总是检索属性值

如何根据react 中的 map 功能一次只打开一个弹出窗口？

将 C# Razor 条件块转换为 React.js 代码