react监听窗口关闭，代码例子

以下是一个React组件示例代码，可以监听窗口关闭事件：

class App extends React.Component {
  componentDidMount() {
    window.addEventListener('beforeunload', this.handleWindowClose);
  }

  componentWillUnmount() {
    window.removeEventListener('beforeunload', this.handleWindowClose);
  }

  handleWindowClose = (event) => {
    event.preventDefault();
    // Do something on window close, such as show a confirmation dialog.
  }

  render() {
    return (
      // Content of your application
    );
  }
}

在这个组件中，我们使用了 `componentDidMount` 和 `componentWillUnmount` 生命周期方法来添加和删除窗口关闭事件监听器。在 `handleWindowClose` 方法中，我们可以实现一些在窗口关闭时需要执行的任务，例如显示确认对话框等等。注意 `event.preventDefault()` 的调用可以阻止默认的窗口关闭行为，这样我们就可以在窗口关闭前执行一些自定义的任务。