HarmonyOS 鸿蒙Next @State变量更新，UI不更新

HarmonyOS 鸿蒙Next @State变量更新，UI不更新

// parent component

@State methodBridge: MLMethodBridge = new MLMethodBridge() @State count: number = 0

build() { Column() { MLTextInput({ label: ‘initial_lable’, placeholder: ‘placeholder’, methodBridge: this.methodBridge }) Button(‘test mappingMethod’) .onClick(() => { this.methodBridge.setLabelName(lable_name${this.count}) this.count++ }) }

// child component @Component export struct MLTextInput { @State methodBridge: MLMethodBridge = new MLMethodBridge() @State label: string = “”

setLableName(label: string): void{
  this.label = label;
}

aboutToAppear(): void {
  this.methodBridge!.setLabelName = this.setLableName
}

build() {
  Text(this.label)
}

// MLMethodBridge export class MLMethodBridge { public setLabelName: Function = () => { }

断点调试，子组件的 @state 已经发生变化，UI却不更新是为什么呢，请各位大佬指教


更多关于HarmonyOS 鸿蒙Next @State变量更新，UI不更新的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于HarmonyOS 鸿蒙Next @State变量更新，UI不更新的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS中，@State变量用于管理UI组件的状态。当@State变量更新时，UI应自动重新渲染以反映最新的状态。如果@State变量更新后UI未更新，可能的原因包括：

  1. 状态未绑定到UI：确保@State变量已正确绑定到UI组件。如果未绑定，UI不会响应状态变化。
  2. 状态更新未触发：确保状态更新操作正确执行。例如，确保在@State变量上执行了赋值操作。
  3. UI组件未使用状态：检查UI组件是否正确使用了@State变量。如果UI组件未使用该状态，UI不会更新。
  4. 状态更新在异步任务中：如果状态更新在异步任务中执行，确保使用@State变量时正确处理异步操作。
  5. UI组件未标记为@Component：确保UI组件已标记为@Component，否则状态更新不会触发UI重新渲染。

确保以上几点正确配置，@State变量更新后UI应自动更新。

回到顶部