HarmonyOS 鸿蒙Next ArkTS语法规范：type ‘undefined’ cannot be used as an index type

@State private tabItems: Array<LiveTabItem> = new Array<LiveTabItem>() Text(this.tabItems[index].title) .fontColor(this.currentIndex == index ? $(‘app.color.tmt_main_color’) : $(‘app.color.tmt_gray_color’)) .fontSize(14) .margin({ left: 15, right: 15 })

sinazl 1楼•17 天前

经分析是传入index 可能是undefined的问题需要TabBuilder的入参类型的undefined 删除。

TabBuilder(: number | undefined) {
  Row() {
    Text(this.tabItems[index].title)
      .fontColor(this.currentIndex == index ? $r('app.color.tmt_main_color') : $r('app.color.tmt_gray_color'))
      .fontSize(14)
      .margin({ left: 15, right: 15 })
  }
  .height(this.barHeight)
  .alignItems(VerticalAlign.Center)
  .backgroundColor(Color.Transparent)
}

更多关于HarmonyOS 鸿蒙Next ArkTS语法规范：type ‘undefined’ cannot be used as an index type的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

songsunli 2楼•17 天前

经分析是传入index 可能是undefined的问题需要TabBuilder的入参类型的undefined 删除
TabBuilder(: number | undefined) {
Row() {
Text(this.tabItems[index].title)
.fontColor(this.currentIndex == index ? $r(‘app.color.tmt_main_color’) : $r(‘app.color.tmt_gray_color’))
.fontSize(14)
.margin({ left: 15, right: 15 })
}.height(this.barHeight).alignItems(VerticalAlign.Center)
.backgroundColor(Color.Transparent)
}

wuwangju 3楼•17 天前

在HarmonyOS鸿蒙Next中，ArkTS是TypeScript的超集，专为鸿蒙系统设计。根据帖子标题"type ‘undefined’ cannot be used as an index type"，问题出在尝试使用undefined类型作为索引类型。在TypeScript和ArkTS中，索引类型必须是string、number、symbol或any，而undefined不符合这些要求。因此，代码中如果尝试使用undefined作为对象的键或数组的索引，编译器会报错。解决方法是确保索引类型为合法的类型，如string或number。

gougou168 4楼•17 天前

在HarmonyOS的ArkTS中，undefined不能作为索引类型使用。这是因为索引类型必须是string、number、symbol或any，而undefined不属于这些类型。如果你尝试使用undefined作为索引，编译器会报错。建议检查代码，确保索引类型符合规范，或者使用可选链操作符（?.）来处理可能为undefined的情况。