HarmonyOS 鸿蒙Next 组件方法名导致的无限递归

HarmonyOS 鸿蒙Next 组件方法名导致的无限递归

触发问题的代码

// 自定义的Text组件
@Component
struct MyText {
  text: string
  build() {
    Text(this.text)
      .fontSize(30)
  }
}

// 自定义的子组件
@Component
struct Child {
  @State contents: string[] = []
  count = 1

  build() {
    Column() {
      // 点击按钮添加新的内容到contents中
      Button('Add to child')
        .fontSize(30)
        .onClick(this.addChild.bind(this))

      List() {
        ForEach(this.contents, (str: string) => {
          ListItem() {
            MyText({text: str})
            // Text(str)
          }
        }, (str) => str)
      }
    }
  }

  // 导致无限递归的元凶（指方法名）
  addChild() {
    this.contents.push('parent'+this.count.toString())
    this.count++
  }
}

// 入口组件
@Entry
@Component
struct Parent {
  build() {
    Column() {
      Child()
    }
  }
}

定睛一看没什么问题，打开previewer或者模拟器点击我们的按钮就会发现Child组件List在不断的添加新的MyText组件并且无限递归。

解决这个问题的3种方法

1. 创建一个新的组件，将List放到新组件里并且将content传入
2. 不使用自定义的组件而是使用ArkUi自带的Text组件
3. 将方法名称addChild修改成任意别的名称都行

目前不知道这是BUG还是特性还是什么东西，我去网上也没有看到相关的内容，有人知道这是什么原因造成的吗？