react-infinite-scroller组件滚动分页加载

Jane_96

于 2018-12-15 15:59:17 发布

阅读量1.2w

点赞数

分类专栏： JavaScript React系列文章标签： react-infinite-scroller

本文链接：https://blog.csdn.net/Jane_96/article/details/85014942

版权

本文介绍如何使用react-infinite-scroller组件实现滚动到页面底部时自动加载更多数据的功能，每页加载20条记录。

摘要由CSDN通过智能技术生成

// 部分代码片段
import InfiniteScroll from 'react-infinite-scroller';
import {
   Scrollbars} from 'react-custom-scrollbars';

//初始的state的状态
this.state = {
   
	loading: true,
	hasMore: true,
	pageNum: 1,
	pageSize: 20,
	total: 0,
	data: [],
};

// 获取下一页信息
getMore