React js：检测页面刷新

Question

我是 React.js 的新手。我有一个带有表格的简单页面。当我重新加载页面时，状态丢失。有没有办法检测浏览器刷新？

Answer 1

beforeunload事件在窗口浏览器刷新之前执行。活动可以取消。

window.beforeunload = (e) => {
  console.log('Stop this');
  e.preventDefault()
  e.returnValue = '';
};

使用 React 时，一个选项是在生命周期方法中控制您的应用程序组件或最高阶组件，componentDidMount如 @georgim 建议的那样，而不是像componentWillUnmount我首先建议的那样，并在那里管理您想要实现的目标。