harmony开发之状态state修饰器的使用

来自官方开发文档，

@State装饰的变量，或称为状态变量，一旦变量拥有了状态属性，就和自定义组件的渲染绑定起来。当状态改变时，UI会发生对应的渲染改变。

在状态变量相关装饰器中，@State是最基础的，使变量拥有状态属性的装饰器，它也是大部分状态变量的数据源。简单的来说，就是用@State 定义过后的变量，就可以实现，如果后面这个变量的值发生了变化，就会同步更新到apk的软件界面上面。

但是需要注意的是：

@State装饰的变量，与声明式范式中的其他被装饰变量一样，是私有的，只能从组件内部访问，在声明时必须指定其类型和本地初始化。初始化也可选择使用命名参数机制从父组件完成初始化。

也就是说@State声明的变量只能在类似于bulid(){}里面进行使用，如果想要进行重复多次使用可以采用父组件和子组件的继承关系。

另外，这个@State装饰的变量，仅支持，包括Object、class、string、number、boolean、enum类型，以及这些类型的数组。不支持any，不支持简单类型和复杂类型的联合类型，不允许使用undefined和null。建议不要装饰Date类型，应用可能会产生异常行为。不支持Length、ResourceStr、ResourceColor类型，Length、ResourceStr、ResourceColor为简单类型和复杂类型的联合类型。

// for simple type
@State count: number = 0;
// value changing can be observed
this.count = 1;

如参考代码所示，先定义了一个数据类型的变量count，然后在后面的count里面重新赋值为1，然后，那么如果这个count值和界面展示的某个控件相关，那么这个控件上面的数值也是会发生变化。

• 当状态变量被改变时，查询依赖该状态变量的组件；
• 执行依赖该状态变量的组件的更新方法，组件更新渲染；
• 和该状态变量不相关的组件或者UI描述不会发生重新渲染，从而实现页面渲染的按需更新。

下面这段代码是官方的，参考的按键点击，累计增加数值

@Entry
@Component
struct MyComponent {
  @State count: number = 0;

  build() {
    Button(`click times: ${this.count}`)
      .onClick(() => {
        this.count += 1;
      })
  }
}

#CSDN 年度征文｜回顾 2023，赢专属铭牌等定制奖品#