HarmonyOS 关于@State或@Link 修饰Array的应用

import util from '@ohos.util'; 
 
@Observed 
class TagBean { 
  key: string = util.generateRandomUUID(true); 
  name: string; 
  is_Choose: boolean; 
 
  constructor(name: string, is_choose: boolean) { 
    this.name = name; 
    this.is_Choose = is_choose; 
  } 
} 
 
@Component 
struct ViewListItem { 
  @ObjectLink tagBean: TagBean; 
 
  build() { 
    ListItem() { 
      Text(this.tagBean.name) 
        .width('100%') 
        .height(100) 
        .fontSize(16) 
        .textAlign(TextAlign.Center) 
        .borderRadius(10) 
        .backgroundColor(this.tagBean.is_Choose ? Color.White : Color.Red) 
    }.onClick(() => { 
      this.tagBean.is_Choose = !this.tagBean.is_Choose 
    }) 
  } 
} 
 
@Entry 
@Component 
struct ObservedDemo { 
  @State tagBeans: Array<TagBean> = [ 
    new TagBean('小红1', false), 
    new TagBean('小红2', false), 
    new TagBean('小红3', false), 
    new TagBean('小红4', false), 
    new TagBean('小红5', false), 
    new TagBean('小红6', false), 
    new TagBean('小红7', false), 
    new TagBean('小红8', false), 
    new TagBean('小红9', false), 
  ] 
 
  build() { 
    Column() { 
      List({ space: 20, initialIndex: 0 }) { 
        ForEach(this.tagBeans, (item: TagBean) => { 
          ViewListItem({ tagBean: item }) 
        }, (item: TagBean) => item.key) 
      } 
      .listDirection(Axis.Vertical) 
      .friction(0.6) 
      .divider({ 
        strokeWidth: 2, 
        color: 0xFFFFFF, 
        startMargin: 20, 
        endMargin: 20 
      }) 
      .edgeEffect(EdgeEffect.Spring) 
      .width('90%') 
    } 
    .backgroundColor(Color.Black) 
    .width('100%') 
    .height('100%') 
  } 
}"