HarmonyOS 鸿蒙Next onclick失效且数组更换图片有问题，求助大佬指点一下，研究一天了，实在是没办法了

HarmonyOS 鸿蒙Next onclick失效且数组更换图片有问题，求助大佬指点一下，研究一天了，实在是没办法了

我想做一个自动出题机，通过点击更换图片，从而让小孩学习一些基础启蒙知识，但是到这一步就说啥也不动了，没导入数组的时候ini init这两个变量还可以动，现在啥都不动了，编码不报错，我现在已经怀疑是不是我的电脑或者平板有问题了，求助，实在是搞不明白了。两个点击都不起作用。预览器和真机都不起作用，要是大佬帮我改一下就更好了。

@Entry
@Component
struct Index {
    @State
      inn: string[] = [`app.media.p10010101`,`app.media.p10010102`,`app.media.p10010103`,`app.media.p10010104`,`app.media.p10010105`,]
       ini: number = 0
      init: number = 1
build() {
    Column {
      Column {
        Flex({ wrap: FlexWrap.Wrap }) { // 子组件多行布局
          Flex() {
            Flex(){Text('总题数54   已回答题数'+this.ini+'   '+this.init+'分数')}
            .width('33.3%').height('100%').backgroundColor('#228B22')
                  Flex () {Button()
                    .onClick(() => {
                      this.ini++
                    })
                  }
                    .width('33.3%').height('100%').backgroundColor('#B8860B')
                  Flex()
                    .width('33.3%').height('100%').backgroundColor('#8B0000')}
          .width('100%').height('38%').backgroundColor(0xF5DEB3)
          Flex(){
            Image($r(this.inn[this.ini]))
            .objectFit(ImageFit.Contain)
            .backgroundImagePosition(Alignment.Start)
            .backgroundImageSize(ImageSize.Auto)}
          .width('100%').height('62%').backgroundColor(Color.White)
        }
        .width('100%').height('67%')
        .backgroundColor(0xAFEEEE)

        Flex({ wrap: FlexWrap.WrapReverse , direction:FlexDirection.Row })
        {
          Flex(){
            Button( { type: ButtonType.Circle, stateEffect: true })
                   .backgroundColor(Color.White)
                   .width('50%')
                   .height('50%')
                   .offset({ x: '25%', y: '25%' })
                   .backgroundImagePosition(Alignment.Center)
                   .onClick(() => {this.ini++})
          }

          .width('50%')
          .height('100%')
          .backgroundColor('#36454F')
          Flex(){Button({ type: ButtonType.Circle, stateEffect: true })

            .backgroundColor(Color.Black)
                   .backgroundImageSize(ImageSize.FILL)
                   .backgroundImagePosition(Alignment.Center)
            .offset({ x: '25%', y: '25%' })
            .width('50%')
            .height('50%')}
          .width('50%').height('100%').backgroundColor('#36454F')
        }
        .width('100%')
        .height('38%')
        .backgroundColor(0xAFEEEE)
      }.width('100%')
    }.width('100%').height('100%')
  }
}