HarmonyOS lazyForeach嵌套视图问题

@Entry  
@Component  
struct IndexList {  
  @State recordFiles: CommDataSource<ParagraphInfo<ParagraphItemInfo>> = new CommDataSource();  
  aboutToAppear() {  
    for (let i = 0; i < transcriptionResults.length; i++) {  
      this.recordFiles.pushData(transcriptionResults[i])  
    }  
  }  
  @Builder  
  myMenu() {  
    Column() {  
      Text("增")  
        .fontSize(18)  
        .width('100%')  
        .textAlign(TextAlign.Center)  
        .padding({ top: 5, bottom: 5 })  
        .border({  
          width: { bottom: 0.5 },  
          color: 0xcccccc  
        })  
        .onClick(() => {  
          this.recordFiles.pushData(transcriptionResults[0]);  
        })  
      Text("删")  
        .fontSize(18)  
        .width('100%')  
        .textAlign(TextAlign.Center)  
        .padding({ top: 5, bottom: 5 })  
        .border({  
          width: { bottom: 0.5 },  
          color: 0xcccccc  
        })  
        .onClick(() => {  
          this.recordFiles.deleteData(this.recordFiles.totalCount() - 1)  
        })  
      Text("改")  
        .fontSize(18)  
        .width('100%')  
        .textAlign(TextAlign.Center)  
        .padding({ top: 5, bottom: 5 })  
        .border({  
          width: { bottom: 0.5 },  
          color: 0xcccccc  
        })  
        .onClick(() => {  
          console.log('cwq recordFiles update totalCount ' + (this.recordFiles.totalCount()))  
          let targetArray = this.recordFiles.getDatas()[this.recordFiles.totalCount()-1];  
          this.recordFiles.notifyDataChange(this.recordFiles.totalCount() - 1)  
        })  
    }  
    .width(100)  
    .borderRadius(15)  
  }  
  build() {  
    Stack() {  
      List() {  
        LazyForEach(this.recordFiles, (item: ParagraphInfo<ParagraphItemInfo>) => {  
          ListItem() {  
            ParagraphItem({ itemInfo: item })  
          }  
        }, (item: ParagraphInfo<ParagraphItemInfo>) => JSON.stringify(item))  
      }  
      .cachedCount(3)  
      .listDirection(Axis.Vertical) // 排列方向  
      .scrollBar(BarState.Off)  
      .friction(0.6)  
      .divider({  
        strokeWidth: 2,  
        color: Color.White,  
      }) // 每行之间的分界线  
      .edgeEffect(EdgeEffect.Spring) // 边缘效果设置为Spring  
      .width('100%')  
      .height('100%')  
  
      Button('菜单', { type: ButtonType.Circle, stateEffect: true })  
        .backgroundColor(0x409eff)  
        .width(50)  
        .height(50)  
        .bindMenu(this.myMenu)  
    }  
    .width('100%')  
    .height('100%')  
    .backgroundColor(0xDCDCDC)  
    .padding({ top: 5 })  
  }  
}  
@Reusable  
@Component  
export struct ParagraphItem {  
  @ObjectLink itemInfo: ParagraphInfo<ParagraphItemInfo>;  
  build() {  
    Text() {  
      ForEach(this.itemInfo, (item: ParagraphItemInfo) => {  
        Span(item.content)  
      },  
        (item: ParagraphItemInfo) => JSON.stringify(item))  
    }  
    .width('100%')  
    .fontSize(16)  
    .textAlign(TextAlign.Start)  
    .backgroundColor(0xFFFFFF)  
  }  
}  
@Observed  
class ParagraphInfo<T> extends Array<T> {  
}  
class ParagraphItemInfo {  
  startTime: number = 0;  
  endTime: number = 0;  
  content: string = "";  
  index: number = 0;  
  recordTime: string = "";  
  isHighlight: boolean = false;  
}