官方使用方法(自定义容器) https://mobile.ant.design/components/list-view-cn/#components-list-view-demo-basic-sticky
官方的使用方法出看一眼用着很顺,但是一放上数据就会出现一些意想不到的问题。本人深有体会
一些小伙伴看第一眼有可能看不明白官方渲染的sectionIDs,rowIDs,dataBlobs是什么意思,其实也不用理解是什么意思,只要咱们自己的数据和官方创建的key对应上就没有问题了。
具体怎么对应呢?
此解说与1相互对应:
将 NUM_SECTIONS 改为你每一也获取的数据条数,我每一页获取10条 我就将5改为10,
如果10条足够你充满一整页那就将 NUM_ROWS_PER_SECTION 改为1,我足够充满一整页我就改为1,
改完这些之后我们就不用关心组件自动生成key的问题了,我们只要将数据整合到一起就可以了,如何整合数据请看2
将官网中的pageSize={4} 改为咱们的10
1、下面是官方使用方法和更改配置的方法:
const NUM_SECTIONS = 5; //每一页的条数
const NUM_ROWS_PER_SECTION = 5; //渲染几次 为什么要渲染多次呢,因为如果首次加载的时候不足一页那么下拉就