#鸿蒙通关秘籍#如何通过@Prop装饰器实现HarmonyOS中父子组件单向数据流？

// 父组件
@Component
struct ParentComponent {
  @State parentValue: string = 'initial value'

  build() {
    ChildComponent({ propValue: this.parentValue })
  }
}

// 子组件
@Component
export struct ChildComponent {
  @Prop propValue: string

  build() {
    Text(this.propValue)
      .onClick(() => {
        console.log('prop cannot change parentValue')
      })
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.