HarmonyOS @BuilderParam 中变量变化，如何触发页面刷新？

Question

情况大致如下面代码的描述，当ContainerPage中的方法increaseParam()触发时，希望可以刷新SubComponent展示的内容。有什么优雅的办法吗 ？

// SubComponent.ets
@Component
export struct SubComponent {
  @BuilderParam public content?: () => void
  build() {
    row() {
      this.content()
    }
  }

}


// ContainerPage.ets
@Entry
@Component
export struct ContainerPage {
  @State param: number = 0

  build() {
    row() {
      SubComponent({
        content: () => {
          Text(`${this.param}`)
        }
      })
    }
  }

  increaseParam() {
    this.param += 1
  }

}

Answer 1

可参考如下简易demo：

@Entry
@Component
struct buildParam {
  @State message: string = 'It is Page';
  isCurrenshowFoldMode:boolean = true;
  @State buttonText: string = '按钮Parent';

  aboutToAppear(): void {
    this.isCurrenshowFoldMode = true;
    this.buttonText = '按钮';
  }
  @Builder
  floorBuilder(){
    Column(){
      Button(this.buttonText+'666')
        .onClick(()=>{
          this.buttonText = this.isCurrenshowFoldMode ? '按钮001' : '按钮002'
          this.isCurrenshowFoldMode = !this.isCurrenshowFoldMode
          console.log('zhouyishun:::buttonText='+ this.buttonText)
        })
    }.padding(6).width('100%')
  }

  build() {
    Column() {
      baseFloorView({
        childBuilder: this.floorBuilder
      })
    }
  }
}

@Component
export struct baseFloorView{
  @State buttonText: string = '按钮Child';
  @BuilderParam childBuilder :() => void ;

  build() {
    Column(){
      this.childBuilder()
    }
  }
}

this指向问题参考下面链接说明：

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-builderparam-0000001820999553\#ZH-CN\_TOPIC\_0000001811317314\_\_装饰器使用说明