HarmonyOS builder 作为 builder 的参数传递

Builder组件嵌套调用demo:

1.Builder调用Builder的时候，需要按照键值对的形式传入

2.Builder传参的时候需要使用$$

@Entry
@Component
export struct TestParentParent {
  @State data: MyData = new MyData(new MyDataInner(new MyDataInnerInner(111)));
  build() {
    Column(){
      Button("Click").onClick(() => {
        this.data = new MyData(new MyDataInner(new MyDataInnerInner(222)));
      })
      BuildMyData({data: this.data})
      // TestParent({
      //   outerBuilder: BuildMyData
      // })
    }
  }
}

@Component
struct TestParent {
  // @BuilderParam outerBuilder: (wrapper: IDataWrapper) => void
  @Prop data: number = 0;

  build() {
    Row() {
      TestChild({
        data: this.data
      })
    }
  }
}

@Component
struct TestChild {
  @Prop data: number = 0;
  // @BuilderParam outerBuilder: (wrapper: IDataWrapper) => void

  build() {
    Row() {
      Text(this.data + ' ')
    }
    // this.outerBuilder(
    //   {data: this.data}
    // )
    // Button("Click").onClick(() => {
    //   // (this.data as MyData).inner.inner.msg = 222;
    //   this.data = new MyData(new MyDataInner(new MyDataInnerInner(222)));
    // })
  }
}
@Builder
function BuildMyDataInnerInner($$: IDataWrapper) {
  if ($$.data instanceof MyData) {
    TestParent({ data: $$.data.inner.inner.msg})
  }else {
    // 其他判断逻辑
  }
}

@Builder
function BuildMyDataInner($$: IDataWrapper) {
  if ($$.data instanceof MyData) {
    BuildMyDataInnerInner({ data: $$.data})
  }else {
    // 其他判断逻辑
  }
}

@Builder
function BuildMyData($$: IDataWrapper) {
  if ($$.data instanceof MyData) {
    Column() {
      BuildMyDataInner({ data: $$.data})
    }
  }else {
    // 其他判断逻辑
  }
}


interface IDataWrapper {
  data: Object
}

class MyDataInnerInner {
  msg: number;
  constructor(msg: number) {
    this.msg = msg;
  }
}

class MyDataInner {
  inner: MyDataInnerInner;
  constructor(inner: MyDataInnerInner) {
    this.inner = inner;
  }
}
/**
 * 需要自定义数据，包一层
 */
class MyData {
  inner: MyDataInner;
  constructor(inner: MyDataInner) {
    this.inner = inner;
  }
}