鸿蒙UI开发——Builder函数的封装

1、问题引入

我们在开发中可能会遇到这样一个问题：将一个@Builder修饰后的函数用变量或者数组记录下来，在业务其他地方使用这些@Builder函数。

举个例子，有下面一段代码：

@Builderfunction builderElement() {}let builderArr: Function[] = [builderElement];@Builderfunction testBuilder() {
  
    ForEach(builderArr, (item: Function) => {
  
      item();  })}

我们试图将builderElement这个builder方法放到builderArr数组中，然后统一在另一个Builder方法（testBuilder）中遍历执行。

此时，我们在IDE中可以看到，会报一个如下的错误：

'item()' does not comply with the UI component syntax. <ArkTSCheck>

为了解决这样的问题，ArkUI提供了wrapBuilder来