HarmonyOS NEXT鸿蒙开发：ForEach循环渲染 作者：马育民 • 2024-11-21 15:52 • 阅读：10051 # 介绍 [官方指南](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-rendering-control-foreach-V5 "官方指南") [官方API](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-rendering-control-foreach-V5 "官方API") `ForEach` 接口，相当于 `for...of` 循环语句，用在 UI 界面中，对数组进行循环，并渲染在页面上 ### 搭配 需要与容器组件配合使用，且接口返回的组件应当是允许包含在`ForEach` 父容器组件中的子组件。 ### 应用场景 `ForEach` 内部是 `ListItem` 组件时，其父容器组件必须为 `List` 组件 # 接口 ``` ForEach(arr,itemGenerator) ``` ##### 参数 - arr：类型：`Array<Object>`，必填，数据源，为Array类型的数组。 - itemGenerator：类型：`(item: Object, index: number) => void`，必填，函数，为数组中的每个元素创建对应的组件 - item参数：arr数组中的数据项。 - index参数（可选）：arr数组中的数据项索引。 原文出处：http://malaoshi.top/show_1GW570S1SaU.html