Как вызвать событие в React после закрытия открытого окна

Question

У меня есть div в React с обработчиком onClick, который при щелчке реализует window.open во всплывающем окне, которое направляет их на внешний URL-адрес.Когда пользователь закрывает всплывающее окно, я хотел бы реализовать вызов API.Однако все, что я пробовал, не удалось, в том числе попытка использовать прослушиватели событий.

Как я могу определить, когда окно закрыто в React?

Текущий код для события окна выглядит следующим образом:

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>
    );
  }
}

Answer 1

Вы можете изменить функцию opener, как показано ниже:

  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);
  }

Ссылка | Codepen