Как использовать обработчик событий прокрутки React с использованием ловушек для обнаружения прокрутки, достигнутой сверху и снизу внутри элемента div

Question

У меня есть реагирующий компонент 'Mycomponent' высотой 300px, у которого есть свиток. Достигнув прокрутки в верхней или нижней позиции, я должен действительно вызвать функции reachedTop, ReachedBottom.

Как мы можем добиться этого, используя прослушиватели событий и ловушки реагирования

import * as React from "react";

import style from "./style.css";

const Mycomponent = ({
  classname = '',
}) => {

  return (<div className={classnames}>
    </div> );
}

export default Mycomponent;
export { Mycomponent };