请问有什么好的方式实现TabContent页面懒加载？

@Entry  
@Component  
struct demo {  
  @State currentIndex: number = 0  
  @State tabContentArr: boolean[] = [true, false, false, false]  
  tabContents: string[] = ["首页", "推荐", "发现", "我的"]  
  
  build() {  
    Row() {  
      Column() {  
        Tabs({ barPosition: BarPosition.End }) {  
          ForEach(this.tabContents, (item, index) => {  
            TabContent() {  
              if (this.currentIndex === index || this.tabContentArr[index]) {  
                TabChild({ index: this.currentIndex })//懒加载接口可以放在子组件页面中  
              }  
            }.tabBar(item)  
          })  
        }  
        .onChange((index) => {  
          this.currentIndex = index  
          this.tabContentArr[index] = true  
        })  
      }  
      .width('100%')  
    }  
    .height('100%')  
  }  
}