#鸿蒙通关秘籍#如何在ArkTS中实现子组件通过@Link实现与父组件的双向数据绑定？

// 父组件
@Entry
@Component
struct Parent {
  @State value: string = '' // 输入内容

  build() {
    Column({ space: 20 }) {
      Text(`输入框的值为：${this.value}`)
      Child({ value: this.value })
    }.padding(20)
  }
}

// 子组件
@Component
struct Child {
  @Link value: string // 输入内容

  build() {
    // 输入框
    TextInput({ text: this.value })
      .onChange((newValue: string) => { // 监听输入事件
        this.value = newValue
      })
  }
}
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.
27.