antd-mobile的Listview中，dataSourse使用方法

最新推荐文章于 2025-05-16 13:35:26 发布

Yatkill

最新推荐文章于 2025-05-16 13:35:26 发布

阅读量5.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 antd-mobile 文章标签：前端 antd-mobile Listview

本文链接：https://blog.youkuaiyun.com/Yatkill/article/details/90257940

前端同时被 2 个专栏收录

4 篇文章

订阅专栏

antd-mobile

1 篇文章

订阅专栏

本文详细介绍了如何在项目中初始化ListView组件，通过设置数据源、处理行数据变化及部分头部变化，实现ListView的动态更新。当获取到异步数据后，使用cloneWithRowsAndSections方法进行数据更新，并在renderRow中返回组件，对组件进行必要的流程格式化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

初始化ListView

XXXDataSource: new ListView.DataSource({
	getRowData: (XXList: Type[], sectionID: string, rowId: string) => {
		return XXList[sectionID][rowId];
	},
	rowHasChanged: <T extends {}>(row1: T, row2: T) => row1 !== row2,
		sectionHeaderHasChanged: <T extends {}>(s1: T, s2: T) => s1 !== s2
	})

拿到异步数据之后使用cloneWithRowsAndSections

renderRow中返回处理组件，如果需要可以格式化流程。