如何在自定义组件的构建流程里跟踪组件数据或者状态,如在build里增加日志跟踪状态变量等

如何在自定义组件的构建流程里跟踪组件数据或者状态,如在build里增加日志跟踪状态变量等

HarmonyOS
2024-03-17 15:08:30
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
e_lion

使用@Watch回调来监测状态变量的变化,如果执行回调函数,说明在下一次vysnc信号发送时,使用该状态变量的UI会刷新绘制。

参考代码如下:

@Component 
struct TotalView { 
  @Prop @Watch('onCountUpdated') count: number = 0; 
  @State total: number = 0; 
  // @Watch 回调 
  onCountUpdated(propName: string): void { 
    this.total += this.count; 
  } 
 
  build() { 
    Text(`Total: ${this.total}`) 
  } 
} 
 
@Entry 
@Component 
struct CountModifier { 
  @State count: number = 0; 
 
  build() { 
    Column() { 
      Button('add to basket') 
        .onClick(() => { 
          this.count++ 
        }) 
      TotalView({ count: this.count }) 
    } 
  } 
}

参考链接

watch和自定义组件更新

分享
微博
QQ
微信
回复
2024-03-18 20:49:27
相关问题
自定义组件如何增加自己对外方法
169浏览 • 1回复 待解决
自定义组件嵌套子组件
7284浏览 • 3回复 待解决
ArkTs如何自定义容器组件
933浏览 • 1回复 待解决
自定义组件如何添加图片?
731浏览 • 1回复 待解决
如何设置自定义组件height缺省
119浏览 • 1回复 待解决
js 自定义组件如何传递方法?
4201浏览 • 2回复 待解决
自定义组件如何导出、引入?
346浏览 • 1回复 待解决
如何自定义Video组件控制栏样式
360浏览 • 1回复 待解决
如何在自定义函数中创建一个UI组件
209浏览 • 1回复 待解决
Grid组件scrollBar是否支持自定义
312浏览 • 1回复 待解决
自定义弹窗中变量如何传递给页面
354浏览 • 1回复 待解决
鸿蒙组件toast自定义样式
6595浏览 • 1回复 待解决
自定义组件什么时候销毁
178浏览 • 1回复 待解决
如何在自定义弹窗中再次弹窗
156浏览 • 1回复 待解决
JAVA卡片怎么用自定义组件
4377浏览 • 1回复 待解决