如何在自定义组件的构建流程里跟踪组件数据或者状态,如在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
相关问题
ArkTS中如何监听状态变量变化?
57浏览 • 1回复 待解决
关于状态变量@state必须知道
347浏览 • 1回复 待解决
自定义组件如何增加自己对外方法
769浏览 • 1回复 待解决
组件状态修改与build渲染机制
378浏览 • 1回复 待解决
自定义弹框状态获取
483浏览 • 1回复 待解决
自定义组件嵌套子组件
8050浏览 • 3回复 待解决
如何自定义组件原型菜单
466浏览 • 1回复 待解决
ArkTs如何自定义容器组件
1775浏览 • 1回复 待解决
如何自定义模拟Tabs组件
429浏览 • 1回复 待解决
自定义组件如何导出、引入?
998浏览 • 1回复 待解决
如何在自定义函数中创建一个UI组件
743浏览 • 1回复 待解决
如何设置自定义组件height缺省
650浏览 • 1回复 待解决
js 自定义组件如何传递方法?
4690浏览 • 2回复 待解决