我使用 react-infinite-scroll-component 库进行分页，但即使 hasMore 为真， loadMore 也会被调用一次。
<InfiniteScroll
dataLength={100}
pullDownToRefreshThreshold={50}
next={loadMoreConversation}
scrollableTarget="scrollableDiv"
hasMore={true}
loader={<h4>Loading...</h4>}
>
<ChatItemList
chatItems={chatItems}
isInDeleteMode={deleteActive}
onBottomDrawerHandler={onBottomDrawerHandler}
/>
</InfiniteScroll>
请帮我解决这个问题，我做错了什么？
我有这个问题。事实证明，我以错误的方式使用了 dataLength。我以为它应该是可以显示的项目的总长度，但它似乎应该是当前显示的项目的长度，所以正确的方法应该是这样的：
<InfiniteScroll
dataLength={page * 10}
pullDownToRefreshThreshold={50}
next={loadMoreConversation}
scrollableTarget="scrollableDiv"
hasMore={true}
loader={<h4>Loading...</h4>}
>
<ChatItemList
chatItems={chatItems}
isInDeleteMode={deleteActive}
onBottomDrawerHandler={onBottomDrawerHandler}
/>
</InfiniteScroll>
在这种情况下，我每页加载 10 个项目。我希望这对您有所帮助，因为我进行了大量搜索，但直到我竭尽全力和错误才找到答案。