ReactJS を実装してページ スクロール イベントを監視する方法

スクロールイベント監視ページを使用する必要があります。 長い間悩んだ結果、ついに書き、みんなに共有しました。もっと良い方法があればメッセージを残していただければ幸いです、ありがとうございます

export class Example extends Component{
   scrollHandler = this.handleScroll.bind(this);
    componentDidMount() {
      window.addEventListener('scroll', this.scrollHandler);
    }
     _handleScroll(scrollTop) {
         console.log(scrollTop)         //滚动条距离页面的高度
        }
    }
    handleScroll(event) {
        let scrollTop = event.srcElement.body.scrollTop;        
        this._handleScroll(scrollTop);
    }
}

以上がReactJS を実装してページ スクロール イベントを監視する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。