#鸿蒙通关秘籍#如何利用@Prop和@Link在ArkTS中传递和绑定子组件输入数据？

// 父组件
@Entry
@Component
struct Parent {
  @State city: string = '上海'

  build() {
    Column({ space: 20 }) {
      Child({ city: this.city })
      Button('定位').onClick(() => {
        this.city = '深圳'
      })
    }
  }
}

// 子组件
@Component
struct Child {
  @Prop city: string = '北京' // 默认值北京
  build() {
    Column({ space: 10 }) {
      Text(`当前所处城市：${this.city}`).fontSize(20)
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.