我有一个路由组件,该组件根据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
我对布局容器应用了溢出:隐藏样式。内容容器溢出:自动。
我想捕获内容容器上的滚动事件,并在滚动到达底部时更新一个特定的组件,以实现无限滚动。
我的问题是,通过这种方式,滚动将受到监视,而与呈现的组件无关,因此会产生开销。我只想监视特定组件中的滚动事件。
反应引用是否可以将对内容容器的引用向下传递给呈现的子对象,并监视该呈现的子组件中内容容器滚动的状态?