У меня есть реагирующий компонент вроде:
import React, { PropTypes, Component } from 'react'
class MyComponent extends Component {
componentDidMount() {
window.addEventListener("beforeunload", function (event) {
console.log("hellooww")
event.returnValue = "Hellooww"
})
}
componentWillUnmount() {
window.removeEventListener("beforeunload", function (event) {
console.log("hellooww")
event.returnValue = "Hellooww"
})
}
render() {
return (
<div>
Some content
</div>
)
}
}
export default MyComponent
Здесь добавляется событие lister. Когда я обновляю страницу, она вызывает всплывающее окно с просьбой покинуть страницу.
Но когда я перехожу на другую страницу и обновляюсь, она снова показывает то же самое всплывающее окно.
Я удаляю eventListener
из компонента на componentWillUnmount
. Тогда почему он не удаляется
Как удалить событие beoreunload
на других страницах?