페이지 스크롤 이벤트를 수신하기 위해 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!