HarmonyOS鸿蒙Next中Repeat组件会重复渲染

在使用HarmonyOS的Repeat组件时，该组件的设计理念是在数据更新时复用现有的子组件，以提高性能和效率。根据您的描述，当点击按钮后UI并未刷新，这可能是因为在您的代码中，尽管数据（simpleList）已经更新，但如果没有新的键值被引入，Repeat组件默认不会重新渲染那些键值未变的子组件。

在HarmonyOS的文档中，Repeat组件的行为是如此设计的：它会比较新旧数据的键值，如果键值相同，则复用原有的子组件，并更新它们的数据源和索引。这意味着，即使数据本身发生了变化，如果没有添加或删除元素，导致键值发生变化，Repeat组件也不会重新创建这些子组件。

为了解决您的问题，您可以考虑更改数据更新的方式，确保每次数据更新都能引发键值的变化，或者手动触发Repeat组件的刷新。一种可能的方法是在更新数据的同时，修改每个元素的键值，例如添加一个随机数或时间戳，这样每次更新都会被视为不同的键值，从而强制Repeat组件重新评估并刷新子组件。

例如，您可以在更新simpleList时，改变元素的键值：

@Entry
@ComponentV2
struct Parent {
  @Local simpleList: Array<string> = ['one', 'two', 'three'];

  build() {
    Row() {
      Column() {
        Text('点击修改第3个数组项的值')
          .fontSize(24)
          .fontColor(Color.Red)
          .onClick(() => {
            this.simpleList = `new three-${Date.now()}`;
          })
        Repeat<string>(this.simpleList)
          .each((obj: RepeatItem<string>) => {
            ChildItem({ item: obj.item })
              .margin({ top: 20 })
          })
          .key((item: string) => item)
      }
      .justifyContent(FlexAlign.Center)
      .width('100%')
      .height('100%')
    }
    .height('100%')
    .backgroundColor(0xF1F3F5)
  }
}

通过这种方式，每次点击按钮后，simpleList中的第三个元素不仅会更新其值，还会更新其键值，从而确保Repeat组件能够正确地刷新该子组件。