HarmonyOS 在@State和@Prop的单向传输场景

@Prop和@State均可定义在 @Component 中。可参考如下代码：

(注释处同步放开，可测试逆向同步的效果)

1.TestComponentStatePage.ets

import { ComponentStateParent } from '../component/ComponentStateParent'

@Entry
@Component
struct TestComponentStatePage {
  @State message: string = 'Hello World';

  build() {
    Column() {
      ComponentStateParent()
    }
    .margin({ top: 300 })
    .height('100%')
    .width('100%')
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.

2.ComponentStateParent.ets

import { ComponentState } from '../component/ComponentState'

@Component
export struct ComponentStateParent {
  // @Prop textTab: string = "666777";
  @State textTab: string = "666777";

  build() {
    Column() {
      Text('内容1').onClick(() => {
        this.textTab = "888"
      })

      ComponentState({ text: this.textTab });
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.

3.ComponentState.ets

import router from '@system.router';

@Component
export struct ComponentState {
  // @State text: string = '我是内容'
  @Prop text: string = '我是内容'

  build() {
    Column() {
      Text(this.text)
        .fontSize(20)
        .margin({ top: 10, bottom: 10 })
        .onClick(() => {
          this.text = "999"
        })
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.