HarmonyOS 鸿蒙Next List通过forEach渲染ListItem中的自定义组件，删除listItem的时候，页面不刷新

import IndexApi from "…/…/…/…/api/index/index"
import { NoticeDetailVO } from "…/…/…/…/api/index/indexDataModel"
import { promptAction } from ‘@kit.ArkUI’;
import dayjs from ‘dayjs’

@Observed
class NoticeItem {
  public id: number
  public templateNickname: string
  public templateContent: string
  public createTime: number
  public readStatus: boolean

  constructor(id: number, templateNickname: string, templateContent: string, createTime: number, readStatus: boolean) {
    this.id = id
    this.templateNickname = templateNickname
    this.templateContent = templateContent
    this.createTime = createTime
    this.readStatus = readStatus
  }
}

@Entry
@Component
struct Notice {
  @State noticeList: NoticeItem[] | [] = [] //初始化信息列表

  //初始化
  async aboutToAppear() {
    this.noticeList = await IndexApi.getNoticeList()
  }

  async getNoticeList(id: number) {
    console.log(‘sword–>thisFuncIsWork’, id)
    setTimeout(async () => {
      this.noticeList = await IndexApi.getNoticeList()
    }, 1000)


  }

  build() {
    Navigation() {
      List() {
        ForEach(this.noticeList, (item: NoticeItem) => {
          ListItem() {
            NoticeCard({ notice: item, click: this.getNoticeList })
              .margin({
                right: 15,
                left: 15,
                top: 10,
                bottom: 10
              })
          }

        }, (item: NoticeItem) => String(item.id))
      }
      .onReachEnd(() => {
        console.log(‘sword–>滚动到底了！！’)
      })
    }
    .title(‘消息通知’)
    .titleMode(NavigationTitleMode.Mini)
    .backgroundColor(’#f3f3f3’)
  }
}

// 消息卡片
@Component
struct NoticeCard {
  @ObjectLink notice: NoticeItem
  click: (id: number) => void = () => {
    console.log(‘sword–>this.click’)
  }

  async setMessageRead(id: number) {
    try {
      await IndexApi.setMessageRead(id)
      this.click(id)
      promptAction.showToast({
        message: ‘设置成功’,
        duration: 2000
      })
    } catch (e) {
    }

  }

  build() {
    Column() {
      Row() {
        Text(this.notice.templateNickname)
          .fontColor(’#4a9ffb’)
        Text(this.notice.readStatus ? ‘已读’ : ‘未读’)
          .backgroundColor(’#ef6a6e’)
          .fontSize(12)
          .fontColor(’#fff’)
          .borderRadius(5)
          .padding({
            top: 6,
            bottom: 6,
            left: 8,
            right: 8
          })

      }
      .width(‘100%’)
      .alignItems(VerticalAlign.Center)
      .justifyContent(FlexAlign.SpaceBetween)

      Text(this.notice.templateContent)
        .width(‘100%’)
        .margin({
          top: 12,
          bottom: 12
        })
      Row() {
        Button(‘设置已读’).onClick((event: ClickEvent) => {
          this.setMessageRead(this.notice.id)

        })
          .height(25)
          .fontSize(14)
        Text(dayjs(this.notice.createTime).format(‘YYYY-MM-DD HH:mm:ss’))
      }
      .width(‘100%’)
      .justifyContent(FlexAlign.SpaceBetween)
    }
    .backgroundColor(’#fff’)
    .borderRadius(5)
    .padding({
      top: 8,
      bottom: 8,
      left: 10,
      right: 10
    })
  }
}

如果将自定义组件替换 删除功能正常