Tabs控件里面TabContent个数是不确定的，如何实现？

class tabClass{  
  title:string = ""  
}  
//后端返回的数据  
const tabData:tabClass[] = [  
  {title:"测试1"},  
  {title:"测试2"},  
  {title:"测试3"},  
  {title:"测试4"},  
  {title:"测试5"},  
]  
@Entry  
@Component  
struct listTabDemo {  
  //定义一个数组  
  @State listTab:tabClass[] =[]  
  
  aboutToAppear(): void {  
  
    this.listTab = tabData  
  }  
  build() {  
    Tabs({ barPosition: BarPosition.End }) {  
      ForEach(this.listTab, (item: tabClass) => {  
        TabContent() {  
          Text(item.title + '的内容').fontSize(30)  
        }  
        .tabBar(item.title)  
      }, (item: tabClass) => JSON.stringify(item))  
    }  
  }  
}