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

最新推荐文章于 2022-03-14 18:37:05 发布

原创最新推荐文章于 2022-03-14 18:37:05 发布 · 5.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #antd-mobile #Listview

前端同时被 2 个专栏收录

4 篇文章

订阅专栏

antd-mobile

1 篇文章

订阅专栏

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

初始化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中返回处理组件，如果需要可以格式化流程。