Ant Design + List + 滚动加载列表

<div>
  <InfiniteScroll
    dataLength={load.length}
    hasMore={load.length < datas.length+1}
    loader={null}
    endMessage={null}
    onScroll={(e) => {
      /* 屏幕发生滚动的执行方法。也可以采用官网的 next + scrollableTarget 或者 loadMore 也可 */
      /* 当load的长度和datas的长度相等即加载完成 */
  	}}
  >
  	<List
        grid={{
        gutter: 16,
        column: 1, /* 每行展示的个数 */
        }}
        dataSource={datas}
        renderItem={(item) => (
          <List.Item>
            {item}
          </List.Item>
        )}
    />
    </InfiniteScroll>
</div>

参考文章：https://blog.csdn.net/HYHhmbb/article/details/126461756