在ArkTS中，如何使用List和ListItem组件来渲染列表数据？

Question

在ArkTS中，如何使用List和ListItem组件来渲染列表数据？
本文参与了【 HarmonyOS NEXT 技术问答冲榜，等你来战！】，欢迎正在阅读的你也加入。

Answer 1

以下是在 ArkTS 中使用List和ListItem组件渲染列表数据的示例：

@Component
struct MyComponent {
  @State dataList: string[] = ['Item 1', 'Item 2', 'Item 3'];

  build() {
    List() {
      ForEach(this.dataList, (item) => {
        ListItem() {
          Text(item);
        }
      });
    }
  }
}

在这个例子中，首先定义了一个包含字符串的状态数组dataList。在组件的构建函数中，使用List组件作为容器，然后通过ForEach循环遍历dataList数组，为每个元素创建一个ListItem组件，其中包含一个Text组件来显示列表项的内容。
🔗 参考资料：华为开发者文档中关于List和ListItem组件的介绍。

本文参与了【 HarmonyOS NEXT 技术问答冲榜，等你来战！】，欢迎正在阅读的你也加入。