Javascript 如何使用react onScroll { （{data，networkStatus，error，loading，refetch}）=>{ if（networkStatus==4）{return} if（加载）{return} if（error）{return} //从查询响应接收到所需的数据 const articles=data.articles； 返回( {console.log（“test”）}> {refetch（）}}>refetch！ {console.log（“test”）}/> ) } }

Allposts.js

<Query query={getArticlesQuery} pollInterval={0} notifyOnNetworkStatusChange={true}>

          {
            ({ data, networkStatus, error, loading, refetch }) => {
              if (networkStatus === 4) { return <Reloading /> }
              if (loading) { return <Loading /> }
              if (error) { return <Error /> }

              //Received required data from query response
              const articles = data.articles;


              return (
                <div onScroll={(e)=>{console.log("test")}}>
                  <div className="refetchbutton">
                    <button onClick={() => { refetch() }}>Refetch!</button>
                  </div>
                <AllPosts allArticles={articles} onScroll={(e)=>{console.log("test")}}/>


                </div>

              )

            }
          }

        </Query>

class AllPosts扩展React.Component{
render（）{
让文章p=this.props.allArticles；
返回(
articles_p.map（（article）=>{return}）
);
}
}

我有一个Apollo查询组件，它接收数据作为响应。

---

该响应被传递给另一个名为“AllPosts”的组件，该组件返回一个组件“Post”的数组。然而，它们是大约122篇文章，在中间部分的图像附上的帖子，我不得不滚动到最后一个职位。我想使用onScroll在滚动元素时发出通知。我目前使用的代码似乎不起作用，有人知道为什么吗？

Afaik，只有移动的最顶层元素的容器接收onScroll事件。默认情况下，这是

窗口

。

class AllPosts extends React.Component{

    render(){

    let articles_p = this.props.allArticles;

    return(
        articles_p.map((article) => { return <Post key={article.id} data={article} /> })
    );

}
}