Почему не срабатывает событие скролла?

Question

[uzi_no_uzi]

Имеется такой компонент:

class App extends React.Component {

  constructor() {
    super();

    window.onscroll = function() {
      console.log(1);
    }

  }

  componentDidMount() {
    window.onscroll = function() {
      console.log(1);
    }
  }



  render() {
    window.onscroll = function() {
      console.log(1);
    }
  }
}

Почему нигде не срабатывает событие скролла?

Answer 1

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

Видимо, потому что на странице отсутствует возможность скролла. Весь контент помещается в высоту окна.
Если это так, то для подобных кейсов используют событие mousewheel. Для кроссбраузерной обработки этого события, если важна одинаковая скорость скролла в разных браузерах, надо использовать адаптер, вроде normalize-wheel

Answer 2

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

вот так попробуйте

componentDidMount() {
    window.addEventListener('scroll', this.handleScroll);
  }

  componentWillUnmount() {
    window.removeEventListener('scroll', this.handleScroll);
  }
   
  
  handleScroll = () => {
    alert("scroll");
  };