Реагировать на Scroll для родительского div - уведомить дочерний компонент прокрутки

Question

У меня есть компонент маршрута, который отображает каждый дочерний компонент в моем приложении на основе URL.Эти компоненты отображаются в общем элементе div макета, который содержит дополнительные дочерние элементы div:

<div className="full-height">
   <Route path='/' component={Navbar} />
      <div className='layout-container'>
         <Route path='/' component={LeftNav} />
            <div className='content-container'>
               <div className='container-fluid pl-2'>
                  <div className="row">
                     <Layout>
                        <Switch>
                           COMPONENTS

Я применил стиль overflow: hidden к контейнеру макета.Контейнер содержимого переполнен: auto.

Я хотел бы захватить событие прокрутки в контейнере содержимого, и когда прокрутка достигает дна, обновите определенный компонент для реализации бесконечной прокрутки.

Моя проблема заключается в том, что таким образом прокрутка будет отслеживаться независимо от отображаемого компонента и, следовательно, будет иметь накладные расходы.Меня интересует только отслеживание события прокрутки в моем конкретном компоненте.

Возможно ли с помощью React Refs передать ссылку на контейнер содержимого в визуализированный дочерний элемент и контролировать состояниепрокрутки контейнера содержимого в этом визуализированном дочернем компоненте?