Arkts build函数

1. 函数签名：build 函数是一个成员函数，必须属于一个标记为 @Component 或其子类的类中，同时不带参数。

2. 返回类型：build 函数必须返回一个 ArkTS 组件类型 (Element)，用于表示要呈现为用户界面的组件。可以是一个叶子组件，也可以是一个容器组件（一个包含其他组件的父组件）。

3. 使用 JSX 语法：在 build 函数中可以使用与 React 中类似的 JSX 语法来构建组件树，这使得代码更易于编写和阅读。

4. @State 属性：在类中，可能会使用 @State 属性来跟踪和管理组件的状态，而 build 函数中也可以使用这些状态来创建用户界面。

5. @Props 属性：在 ArkTS 中，可以使用 @Props 来定义组件的属性(Props)。在 build 函数中可以使用这些属性来生成用户界面。

6. 子组件：一个组件可以包含多个子组件，这些子组件在父组件的 build 函数中可以使用嵌套的 JSX 语法来构造。

7. 生命周期函数: 组件可以通过使用一系列的生命周期函数来管理自身的状态和行为，比如 onCreate，onUpdate 等事件。这些函数都是标准的 JavaScript 函数，具体的生命周期函数可以根据组件的实际需求在合适的地方使用。

 

按引用传递参数

@Builder function ABuilder($$: { paramA1: string }) {
  Row() {
    Text(`UseStateVarByReference: ${$$.paramA1} `)
  }
}
@Entry
@Component
struct Parent {
  @State label: string = 'Hello';
  build() {
    Column() {
      // 在Parent组件中调用ABuilder的时候，将this.label引用传递给ABuilder
      ABuilder({ paramA1: this.label })
      Button('Click me').onClick(() => {
        // 点击“Click me”后，UI从“Hello”刷新为“ArkUI”
        this.label = 'ArkUI';
      })
    }
  }
}