HarmonyOS鸿蒙Next中设置了onClick，预览器上对应位置点击却无效果，请大神帮忙解答

HarmonyOS鸿蒙Next中设置了onClick，预览器上对应位置点击却无效果，请大神帮忙解答

import {ListBean} from './ListBean'
@Entry  //作为页面入口，在进入页面时，会首先进行加载显示
@Component  //创建一个自定义组件
struct Index {  //通过struct声明其组件名称为Index
  @State ListBean:ListBean[] = [
    new ListBean('1',false,'早起晨练'),
    new ListBean('2',false,'准备早餐'),
    new ListBean('3',false,'阅读名著'),
    new ListBean('4',false,'学习ArkTS'),
    new ListBean('5',false,'看剧放松'),
    new ListBean('6',false,'午睡')
  ]
  build() { //build函数内，进行相应的声明式UI描述
   Column(){
     Text('待办')
       .margin({
         bottom:20,
         left:20
       })
       .fontSize(28)
       .fontWeight(FontWeight.Bold)
       .width('100%')
     List({space:18}){
       ForEach(this.ListBean,(item:ListBean,index?:number) =>{
         ListItem(){
           Row(){
             Image(item.isComplete ? $r('app.media.ic_ok') : $r('app.media.ic_default'))  //根据完成状态来区分，是否切换对应状态图标
               .width(24)
               .height(24)
               .margin(16)
             Text(item.toDoList)
               .fontWeight(500)
               .opacity(item.isComplete ? 0.4 : 1)  //根据完成状态来区分，是否调整透明度
               .decoration({
                 type:item.isComplete  //根据完成状态来区分，是否显示删除线
                   ? TextDecorationType.LineThrough
                   : TextDecorationType.None
               })
           }
           .width("100%")
           .height(60)
           .backgroundColor(Color.White)
           .borderRadius(24)
           .onClick(() => {
             item.isComplete = !item.isComplete;
           })
         }
       },item => item.toString())
     }.alignListItem(ListItemAlign.Center)
   }.width('100%')
   .height('100%')
   .padding(20)
   .backgroundColor(0xF1F3F5)
   .alignItems(HorizontalAlign.Start)
  }