HarmonyOS NEXT鸿蒙开发:ForEach循环渲染

介绍

官方指南
官方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数组中的数据项索引。


原文出处:/show_1GW570S1SaU.html