javascript - 使用无限滚动进行渲染和使用反应获取更多数据

Question

我想在我的一个反应组件中添加一个无限滚动组件。我正在使用react-infinite-scroll-component并想在一定长度后添加更多获取。

这是组件，我想在新项目上进行无限滚动

let newItems = logs.filter(function(log){
        return log.completed === false
    })
    return (
        <div>
            <div>
            <h1>ALL</h1>
            {
                newItems.map((item)=>(
                    <Item key={item.id} logs={logs} />
                )  
                )
            }
        </div>
        </div>
        

我想用 newItems 列表中的 5 个元素实现类似的react-infinite-scroll-component 示例中提供的代码片段。