HarmonyOS 鸿蒙Next ForEach中Item对象属性变化，不会刷新UI

HarmonyOS 鸿蒙Next ForEach中Item对象属性变化，不会刷新UI 使用ForEach，Item对象属性改变时，UI不刷新，都加了@Observed也没啥用，请问这种情况该怎么写呢？ 如下Demo

@Component
export struct TestView {
  @State tabInfo: TabInfo = TestData()

  build() {
    Column() {
      if (this.tabInfo.tabGroups) {
        ForEach(this.tabInfo.tabGroups, (group: TabGroup) => {
          Text("" + group.name)
          Flex({ wrap: FlexWrap.Wrap }) {
            ForEach(group.tabs, (item: TabItem) => {
              Text(`${item.name}(${item.isSelected})`)
                .backgroundColor(this.getFilterItemBackgroundColor(item.isSelected))
                .fontColor(this.getFilterItemFontColor(item.isSelected))
                .padding({ top: 10, bottom: 10 })
                .width('30%')
                .textAlign(TextAlign.Center)
                .margin({ right: '3%', bottom: 10 })
                .borderWidth(1)
                .borderRadius(8)
                .borderColor('#efefef')
                .fontSize('13fp')
                .onClick(() => {
                  item.isSelected = !item.isSelected
                })
            })
          }
        })
      }

      Row() {
        Text("清空")
          .textAlign(TextAlign.Center)
          .borderRadius(12)
          .backgroundColor("#f2f2f2")
          .fontColor("#555555")
          .padding(15)
          .layoutWeight(1)
          .margin({ right: 8 })
          .onClick(() => {
            this.tabInfo.tabGroups?.forEach((itemGroup: TabGroup) => {
              itemGroup.tabs?.forEach((itemTab: TabItem) => {
                itemTab.isSelected = false
              })
            })
          })
        Text("确定")
          .textAlign(TextAlign.Center)
          .borderRadius(12)
          .backgroundColor("#33a634")
          .fontColor(Color.White)
          .padding(15)
          .layoutWeight(1)
          .margin({ left: 8 })
          .onClick(() => {

          })
      }
    }.padding(20)
    .alignItems(HorizontalAlign.Start)

  }

  private getFilterItemBackgroundColor(isSelected: boolean) {
    if (isSelected) {
      return "#ebf7eb"
    } else {
      return "#ffffff"
    }
  }

  private getFilterItemFontColor(isSelected: boolean): string {
    if (isSelected) {
      return "#33a634"
    } else {
      return "#555555"
    }
  }
}

function TestData(): TabInfo {
  const info = new TabInfo()
  const group1 = new TabGroup()
  const item1 = new TabItem()
  item1.name = "测1"
  const item2 = new TabItem()
  item2.name = "测2"
  const item3 = new TabItem()
  item3.name = "测3"
  const item4 = new TabItem()
  item4.name = "测4"
  const item5 = new TabItem()
  item5.name = "测5"
  group1.name = "组1"
  group1.tabs = [item1, item2, item3, item4, item5]
  const group2 = new TabGroup()
  const item6 = new TabItem()
  item6.name = "测6"
  group2.name = "组2"
  group2.tabs = [item6]
  info.tabGroups = [group1, group2]
  return info
}

[@Observed](/user/Observed)
class TabInfo {
  tabGroups?: TabGroup[]
}

[@Observed](/user/Observed)
class TabGroup {
  name?: string
  tabs?: TabItem[]
}

class TabItem {
  name?: string
  isSelected: boolean = false
}