HarmonyOS 鸿蒙Next LazyForEach 数据错乱，不刷新

问题：list 数据排序错乱，item 不刷新

说明：

1、按钮：点击左边填充的是从 0 到 29 的数据，右边是按 29 到 0

2、列表：左边是索引，右边是内容

代码如下：

@Observed
class Data {
  index: number
  str: string

  constructor(index: number, str: string) {
    this.index = index
    this.str = str
  }
}

@Entry
@Component
struct TestPage {
  @State ds: MyDataSource = new MyDataSource()

  aboutToAppear(): void {
    this.data1()
  }

  data1() {
    let d: Data[] = []
    for (let i = 0; i < 30; i++) {
      d.push(new Data(i, i + ‘’))
    }
    this.ds.setNewData(d)
  }

  data2() {
    let d: Data[] = []
    for (let i = 0; i < 30; i++) {
      d.push(new Data(i, 29 - i + ‘’))
    }
    this.ds.setNewData(d)
  }

  build() {
    Column() {
      Row({ space: 20 }) {
        Button(‘btn1’).onClick(() => {
          this.data1()
        })
        Button(‘btn2’).onClick(() => {
          this.data2()
        })
      }

      List() {
        LazyForEach(this.ds, (item: Data) => {
          ListItem() {
            Item({ item: item })
          }.width(‘100%’)
        }, (item: Data) => {
          return item.str
        })
      }.layoutWeight(1)
    }.size({ width: ‘100%’, height: ‘100%’ })
  }
}

@Component
struct Item {
  @ObjectLink item: Data

  build() {
    Text(this.item.index + ’ ==== ’ + this.item.str).fontColor(Color.Black).padding({ top: 20, bottom: 20 })
  }
}

class MyDataSource implements IDataSource {
  private listeners: DataChangeListener[] = [];
  dataList: Data[] = []

  totalCount(): number {
    return this.dataList.length
  }

  getData(index: number): Data {
    return this.dataList[index]
  }

  registerDataChangeListener(listener: DataChangeListener): void {
    if (this.listeners.indexOf(listener) < 0) {
      this.listeners.push(listener);
    }
  }

  unregisterDataChangeListener(listener: DataChangeListener): void {
    const pos = this.listeners.indexOf(listener);
    if (pos >= 0) {
      this.listeners.splice(pos, 1);
    }
  }

  onReload() {
    this.listeners.forEach((l) => {
      l.onDataReloaded()
    })
  }

  setNewData(arr: Data[]) {
    this.dataList.splice(0, this.dataList.length)
    this.dataList.push(…arr)
    this.onReload()
  }
}