对ondiv作为父div进行反应-通知滚动的子组件

时间:2018-10-09 11:34:03

标签: reactjs typescript react-router

我有一个路由组件,该组件根据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

我对布局容器应用了溢出:隐藏样式。内容容器溢出:自动。

我想捕获内容容器上的滚动事件,并在滚动到达底部时更新一个特定的组件,以实现无限滚动。

我的问题是,通过这种方式,滚动将受到监视,而与呈现的组件无关,因此会产生开销。我只想监视特定组件中的滚动事件。

反应引用是否可以将对内容容器的引用向下传递给呈现的子对象,并监视该呈现的子组件中内容容器滚动的状态?

0 个答案:

没有答案