У меня есть требование, чтобы, когда пользователь переходит к указанному c URL-адресу, можно сказать www.testproj.payment, тогда, если пользователь хочет покинуть страницу оплаты, закрыв вкладку окна или нажав кнопку возврата в браузере, я хочу подсказать какое-то сообщение. Это требование действует. Итак, я сделал следующее в своем компоненте, связанном с этим URL-адресом, но проблема в том, что когда он переходит на эту страницу, событие не привязывается, вместо этого связывается, когда я перехожу на другую со страницы, на которой я закодировал скрипт. Я намерен связать событие с запросом на конкретный c URL-адрес, а не на другой. Мне нужно руководство, как этого добиться.
Я использовал этот скрипт в componentDidMount =>
window.addEventListener('beforeunload', function (e) {
e.preventDefault();
e.returnValue = '';
});
И ниже скрипт в componentWillUnmount =>
window.addEventListener('beforeunload', function (e) {
delete e['returnValue'];
});