HarmonyOS 鸿蒙Next state和link区别

HarmonyOS 鸿蒙Next state和link区别

在开发场景中测试发现，父组件使用state修饰和子组件用state修饰，可以实现双向绑定的效果。大家知道这跟state与link双向组合有啥区别吗？

HarmonyOS 鸿蒙Next state和link区别 代码如下：

[@Component](/user/Component)
struct NumComponent {
 [@State](/user/State) test: Test = new Test()

 // [@Link](/user/Link) sonNum: number

 build() {
   Column() {
     Button(`子组件+1`).onClick(() => {
       this.test.parentNum++
     })
     Button('子组件设置固定值')
       .margin(10)
       .onClick(() => {
         this.test.parentNum = 100
       })
     Text(this.test.parentNum + '')
       .fontSize(18)
       .fontColor(Color.Orange)
   }
 }
}

class Test {
 parentNum: number = 1
}

[@Entry](/user/Entry)
[@Component](/user/Component)
struct TestStatePage {
 [@State](/user/State) test: Test = new Test()

 build() {
   Column() {
     Button('父组件+1')
       .margin(10)
       .onClick(() => {
         this.test.parentNum++
       })
     Button('父组件设置固定值')
       .margin(10)
       .onClick(() => {
         this.test.parentNum = 200
       })
     Text(this.test.parentNum + '')
       .fontSize(18)
       .fontColor(Color.Red)

     NumComponent({ test: this.test })
   }
 }
}

我发现如果不是简单类型，是对象引用的话测试下来state会存在双向绑定的效果