javascript - 事件未在使用 Reactjs 新创建的窗口上触发

Question

当我新创建的窗口即将关闭时，我试图触发一个事件，但我什么也没得到。

这是我的代码:

import React from 'react';
var loginWindow = "";

class LoginPopup extends React.Component{
    constructor(props){
        super(props);
    }

    handleUnload = (ev) =>{
        debugger;
        ev.preventDefault();
        console.log("Hey it worked!");
        return "";
    };

    componentDidMount(){
        loginWindow = window.open('http://localhost:8030/google/login', '_blank', 'menubar=0,modal=yes');
        debugger;
        console.log(loginWindow);
        loginWindow.addEventListener("beforeunload", this.handleUnload);
    }

    render(){
        return null;
    }
}

Answer 1

您可以使用 componentWillUnmount() 生命周期方法来触发事件。
请参阅此处的文档 https://reactjs.org/docs/react-component.html#componentwillunmount