HarmonyOS 鸿蒙Next数组对象更新如何刷新UI

@Observed
class Article {
  id: string;
  title: string;
  brief: string;
  isLiked: boolean;
  likesCount: number;

  constructor(id: string, title: string, brief: string, isLiked: boolean, likesCount: number) {
    this.id = id;
    this.title = title;
    this.brief = brief;
    this.isLiked = isLiked;
    this.likesCount = likesCount;
  }
}

const articleList: Array<Article> = [
  new Article(‘001’, ‘第0篇文章’, ‘文章简介内容’, false, 100),
  new Article(‘002’, ‘第1篇文章’, ‘文章简介内容’, false, 100),
  new Article(‘003’, ‘第2篇文章’, ‘文章简介内容’, false, 100),
  new Article(‘004’, ‘第4篇文章’, ‘文章简介内容’, false, 100),
  new Article(‘005’, ‘第5篇文章’, ‘文章简介内容’, false, 100),
  new Article(‘006’, ‘第6篇文章’, ‘文章简介内容’, false, 100),
]
AppStorage.setOrCreate(‘PropA’, articleList)

@Entry
@Component
struct ArticleListView {
  @StorageProp(‘PropA’) articleList: Array<Article> = [];

  build() {
    List() {
      ForEach(this.articleList, (item: Article) => {
        ListItem() {
          ArticleCard({
            article: item
          })
            .margin({ top: 20 })
        }
        .onClick(() => {
          const list: Article[] = []
          this.articleList.forEach((item2) => {
            if (item2.id === item.id) {
              const item3 = new Article(‘001’, ‘第0篇文章’, ‘文章简介内容’, false, item.likesCount + 1)
              list.unshift(item3)
            }
            list.push(item2)
          })
          AppStorage.setOrCreate(‘PropA’, list)
          console.log(’//////’+list.length,JSON.stringify(list))
        })
      }, (item: Article) => item.id)
    }
    .padding(20)
    .scrollBar(BarState.Off)
    .backgroundColor(0xF1F3F5)
  }
}

@Component
struct ArticleCard {
  @ObjectLink article: Article;

  // handleLiked() {
  //   this.article.isLiked = !this.article.isLiked;
  //   this.article.likesCount = this.article.isLiked ? this.article.likesCount + 1 : this.article.likesCount - 1;
  // }

  build() {
    Row() {
      Column() {
        Text(this.article.title)
          .fontSize(20)
          .margin({ bottom: 8 })
        Text(this.article.brief)
          .fontSize(16)
          .fontColor(Color.Gray)
          .margin({ bottom: 8 })
        Row() {
          Text(this.article.likesCount.toString())
            .fontSize(16)
        }
        .justifyContent(FlexAlign.Center)
      }
      .alignItems(HorizontalAlign.Start)
      .width(‘80%’)
      .height(‘100%’)
    }
    .padding(20)
    .borderRadius(12)
    .backgroundColor(’#FFECECEC’)
    .height(120)
    .width(‘100%’)
    .justifyContent(FlexAlign.SpaceBetween)

    // .onClick(() => this.handleLiked())
  }
}