HarmonyOS 鸿蒙Next List组件在ArkTS中如何实现动态数据绑定与更新？

定义一个[@State](/user/State)修饰的变量list，绑定List组件。实现列表数据自动刷新

import { util } from '@kit.ArkTS'
class Contact {
key: string = util.generateRandomUUID(true);
name: string;
icon: Resource;
constructor(name: string, icon: Resource) {
this.name = name;
this.icon = icon;
}
}
@Entry
@Component
struct SimpleContacts {
@State private contacts: Array<object> = [
new Contact(‘小明’, $r(“app.media.app_icon”)),
new Contact(‘小红’, $r(“app.media.strawberry”)),
]
build() {
Column() {
Button(“新增”).onClick(() => {
this.contacts.push(new Contact(‘小Li’, $r(“app.media.app_icon”)))
})
List() {
ForEach(this.contacts, (item: Contact) => {
ListItem() {
Row() {
Image(item.icon)
.width(40)
.height(40)
.margin(10)
Text(item.name).fontSize(20)
}
.width(‘100%’)
.justifyContent(FlexAlign.Start)
}
}, (item: Contact) => JSON.stringify(item))
}
.width(‘100%’)
}
}
}