2024年最全HarmonyOS 应用开发之自定义组件冻结功能，面试真题解析小区快递点乱收费,整改后记者来了解

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

    Tabs() {
      TabContent() {
        FreezeChild({ message: this.message })
      }.tabBar('one')

      TabContent() {
        FreezeChild({ message: this.message })
      }.tabBar('two')
    }
  }
  .width('100%')
}
.height('100%')

}
}

@Component({ freezeWhenInactive: true })
struct FreezeChild {
@Link @Watch(“onMessageUpdated”) message: number
private index: number = 0

onMessageUpdated() {
console.info(FreezeChild message callback func ${this.message}, index: ${this.index})
}

build() {
Text(“message” + ${this.message}, index: ${this.index})
.fontSize(50)
.fontWeight(FontWeight.Bold)
}
}

在上面的示例中：


1.点击“change message”更改message的值，当前正在显示的TabContent组件中的@Watch中注册的方法onMessageUpdated被触发。


2.点击“two”切换到另外的TabContent，TabContent状态由inactive变为active，对应的@Watch中注册的方法onMessageUpdated被触发。


3.再次点击“change message”更改message的值，仅当前显示的TabContent子组件中的@Watch中注册的方法onMessageUpdated被触发。


![](https://img-blog.csdnimg.cn/img_convert/8d0ca70eee611491b841a3c4c34c23e5.gif)


#### LazyforEach


* 对LazyforEach中缓存的自定义组件进行冻结，不会触发组件的更新。

// Basic implementation of IDataSource to handle data listener
class BasicDataSource implements IDataSource {
private listeners: DataChangeListener[] = [];
private originDataArray: string[] = [];

public totalCount(): number {
return 0;
}

public getData(index: number): string {
return this.originDataArray[index];
}

// 该方法为框架侧调用，为LazyForEach组件向其数据源处添加listener监听
registerDataChangeListener(listener: DataChangeListener): void {
if (this.listeners.indexOf(listener) < 0) {
console.info(‘add listener’);
this.listeners.push(listener);
}
}

// 该方法为框架侧调用，为对应的LazyForEach组件在数据源处去除listener监听
unregisterDataChangeListener(listener: DataChang