무한 스크롤 마우스 휠 이벤트 전체 페이지 스크롤로 반응 가상화 된 테이블 금지

Question

을 infinite scroll과 큰 내용 페이지 내에서 사용하면 사용자가 테이블의 맨 아래로 스크롤하고 다음 데이터 세트가 완료되지 않은 경우 로드, 마우스 휠 이벤트가 창까지 거품을 내고 창은 테이블을 계속 스크롤합니다.

preventDefault을 호출하기 위해 마우스 휠 이벤트를 차단하는 방법이 있습니까? 사용자가 테이블의 맨 아래에 있는지 여부와 버블 링을 방지할지 여부를 확인할 수 있습니다.

소품 onScroll 소품은 이벤트가 아닌 정보를 제공하며 소품을 통한 스크롤을 처리하는 격자 요소의 onWheel 이벤트에 액세스하는 방법은없는 것으로 보입니다.

Answer 1

평소와 같이 이벤트 버블 링을 가로 채고 방지 할 수 있으며 래퍼는 입니다.

<div onClick={yourHandlerThatPreventsDefault}> 
    <Table {...props} /> 
</div> 
<!-- Other Tables here ... -->