2021-04-17 antd Moblie 中hooks listView长列表使用方法,二次进入报错dataSource报错 must be the same

    官方使用方法(自定义容器)  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;  //渲染几次  为什么要渲染多次呢,因为如果首次加载的时候不足一页那么下拉就
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值