HarmonyOS 鸿蒙Next 点击当前Image的时候，其他Image要恢复默认图标

@Entry
@Component
struct TestPage {
  //点击的图片
  @Provide selectNumber: number = 0
  //要显示的组件大小
  @Provide arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
  //需要循环显示的图片数组
  @Provide imgArray: Resource[] = [$r('app.media.icon_dianzan_2'), $r('app.media.icon_dianzan_3')]

  build() {
    Column() {
      Row() {
      }.height(500)

      ForEach(
        this.arr,
        (item: number) => {
          itemRank({ myNumber: item })
        },
        (item: number) => item.toString()
      )
    }.width('100%').height('100%')
  }
}

@Component
struct itemRank {
  //自己的位置
  @Prop myNumber: number;
  //父组件选中的位置
  @Consume selectNumber: number;
  //需要循环显示的图片数组
  @Consume imgArray: Resource[];
  //点击自己后图片地址下标
  @State imgSelect: number = 0

  build() {
    Row() {
      Text(`位置：${this.myNumber}`).fontSize(21)
      if (this.myNumber === this.selectNumber) {
        //点击的为自己，自己开始切换图片
        Image(this.imgArray[this.imgSelect%this.imgArray.length]).width(20).height(20)
      } else {
        //点击的不是自己，显示默认图片
        Image($r('app.media.icon')).width(20).height(20)
      }
    }.onClick(() => {
      //点击的为自己，自己开始切换图片
      if (this.myNumber === this.selectNumber) {
        this.imgSelect = this.imgSelect + 1
      }
      //点击的为自己，更换父组件选中的子组件序号
      this.selectNumber = this.myNumber
    })
  }
}