HarmonyOS @BuilderParams尾随闭包方式能否传递参数

在尾随闭包的使用说明里没看到说不能传递参数的，那么使用的时候是否可以传参，怎么获取传递的参数？

@Component
struct MyComponent {
  build() {
    TestBuild({
      arg: "hello"
    }) {
      //#3 ？？这边能否获取父组件调用时传递的参数？？
      Text()
    }
  }
}

@Component
struct TestBuild {
  //#1 定义一个有参数的BuilderParam
  @BuilderParam content: (arg: string) => void
  @State arg: string = ""

  build() {
    Column() {
      //#2 调用的时候传递参数
      this.content(this.arg)

      Button("change Arg")
        .margin({ top: 24 })
        .onClick(() => {
          this.arg = "change!!"
        })
    }
  }
}

HarmonyOS

zbw_apple

2024-12-23 15:40:38

浏览

回答 1

待解决

回答 1

按赞同

按时间

fox280

父组件在调用MyComponent组件时，只需要在MyComponent组件中使用@Prop来接受父组件传递的参数即可：

@Component
struct CustomContainer {
  @Prop header: string = '';

  @Builder
  closerBuilder() {
  }

  // 使用父组件的尾随闭包{}(@Builder装饰的方法)初始化子组件@BuilderParam
  @BuilderParam closer: () => void = this.closerBuilder

  build() {
    Column() {
      Text(this.header)
        .fontSize(30)
      this.closer()
    }
  }
}

@Builder
function specificParam(label1: string, label2: string) {
  Column() {
    Text(label1)
      .fontSize(30)
    Text(label2)
      .fontSize(30)
  }
}

@Entry
@Component
struct CustomContainerUser {
  @State text: string = 'header';

  build() {
    Column() {
      // 创建CustomContainer，在创建CustomContainer时，通过其后紧跟一个大括号“{}”形成尾随闭包
      // 作为传递给子组件CustomContainer @BuilderParam closer: () => void的参数
      CustomContainer({ header: this.text }) {
        Column() {
          specificParam('testA', 'testB')
        }.backgroundColor(Color.Yellow)
        .onClick(() => {
          this.text = 'changeHeader';
        })
      }
    }
  }
}