Как отловить событие закрытия страницы react.js?

Question

[Марат Иванов]

Как отловить закрытие и обновление страницы на react.js?

async componentDidMount() {
        const { item } = this.props;
        document.body.classList.add('no-scroll');
        this.props.resetScenario();
        await service.startScenario(item.id);
        this.props.startScenario();
        window.addEventListener("beforeunload", this.handleWindowBeforeUnload);
    }
    componentWillUnmount() {
        document.body.classList.remove('no-scroll');
        window.removeEventListener("beforeunload", this.handleWindowBeforeUnload);
    }
handleWindowBeforeUnload() {
        service.sendEndScenario();

    };
//service:
    sendEndScenario(){
        return axios.get(`${REST_URL}force_scenario_stop`);
    }

Протестить не получается. Подскажите

Comments

[Роман Александрович]

Давайте начнем с вопроса что вы хотите реализовать?

[Марат Иванов]

Мне необходимо при закрытии или обновлении окна отправить запрос на сервер, чтоб он остановил выполнение сценария.

Answer 1

[Антон Спирин]

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

handleWindowBeforeUnload = e => {
  // e - целевое событие
};

Comments

[nazaruk]

на симуляторов/мобильных ios/android это не работает. ни хром ни сафари. Может есть какой то путь как это реализовать для моб девайсов?

[Антон Спирин]

nazaruk, привет! Попробуй использовать pagehide