如何在ReactJS中关闭浏览器选项卡时触发弹出窗口？

componentDidMount() {
  window.addEventListener('beforeunload', this.handleBeforeUnload);
}

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

handleBeforeUnload(event) {
  event.preventDefault();
  event.returnValue = ''; // 必须设置一个空字符串来触发弹出窗口
}

import React, { Component } from 'react';

class MyComponent extends Component {
  componentDidMount() {
    window.addEventListener('beforeunload', this.handleBeforeUnload);
  }

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

  handleBeforeUnload(event) {
    event.preventDefault();
    event.returnValue = ''; // 必须设置一个空字符串来触发弹出窗口
  }

  render() {
    return (
      <div>
        {/* 组件内容 */}
      </div>
    );
  }
}

export default MyComponent;