Правильно ли удален прослушиватель событий для *scroll*? Сообщение об ошибке в консоли при * нажатии * на полосе прокрутки, несмотря на то, что компонент отключен

Приложение не падает, так что это не серьезная ошибка. Но мне очень любопытно это сообщение об ошибке в консоли, потому что это сообщение об ошибке также отображается, когда я возвращаюсь на предыдущую страницу в приложении, что указывает на то, что прослушиватель событий может быть не полностью удален?

Если я удалю весь код ниже, я не получу это сообщение об ошибке.

Это сообщение появляется только когда я щелкаю мышью по полосе прокрутки. Поэтому, если я нажму на полосу прокрутки, чтобы нарисовать полосу прокрутки вниз, это сообщение отобразится, когда будет сделан щелчок.

Как было сказано ранее, это происходит также, когда компонент отключен, и я возвращаюсь на предыдущую перенаправленную страницу, которая содержит другие компоненты.

Сообщение об ошибке в консоли:

SCRIPT5007: Unable to get property 'closest' of undefined or null reference
content_script_bundle.js (1,26267)

Поскольку сообщение об ошибке вообще не отображается, когда я удаляю приведенный ниже код, оно должно иметь какое-то отношение к прослушивателю событий, который, похоже, не удаляется правильно.

Кажется, что-то не так с самим прослушивателем событий при нажатии (а не при прокрутке) на полосе прокрутки, что вызывает сообщение об ошибке в консоли.

Код является:

  componentDidMount() {
    window.addEventListener("scroll", this.parallax)
  }

  componentWillUnmount() {
    window.removeEventListener("scroll", this.parallax)
  }

  parallax = () => {
    document.querySelector(".hero").style.top = `${window.pageYOffset * 0.4}px`
  }

Я сделал что-то неправильно?

Источник

0 ответов

Другие вопросы по тегам