Javascript 如何在打开的窗口关闭后触发React中的事件

我在React中有一个div和一个onClick处理程序，当单击该处理程序时，它将在一个弹出窗口中实现window.open，该窗口将它们指向一个外部URL。当用户关闭弹出窗口时，我想实现一个API调用。然而，我尝试的一切都失败了，包括尝试使用事件侦听器

如何检测窗口何时关闭

我为window事件提供的当前代码如下：

export class App extends Component {

  opener = () => {
    const myWindow = window.open("https://www.espn.com", "MsgWindow", "width=200,height=100");
  }

  render() {  

    return (
      <div onClick={this.opener}>
        Hello World
      </div>
    );
  }
}

导出类应用程序扩展组件{
开场白=（）=>{
const myWindow=window.open（“https://www.espn.com“宽度=200，高度=100”）；
}
render（）{
返回(
你好，世界
);
}
}

您可以如下更改

开启器的功能：

  opener = () => {
    const myWindow = window.open("https://www.espn.com", "MsgWindow", "width=200,height=100");

    var timer = setInterval(function() { 
        if(myWindow.closed) {
            clearInterval(timer);
            alert('closed');
        }
    }, 1000);
  }

|