该代码定义了一个名为 d 的组件,包含一个数字数组 num、一个数字 n1 和一个字符串 s1。组件界面包括一个显示 num 的文本、一个输入框用于更新 s1n1,以及两个按钮。点击“增加”按钮会将 n1 添加到 num 数组中并清空 s1,点击“删除”按钮会移除 num 数组的最后一个元素。该组件通过 @State 装饰器管理状态,确保界面随状态变化自动更新。
@Entry
@Component
struct d{
  @State num:number[]=[1,2,3,4,5,6]
  @State n1:number=0
  @State s1:string=''
  build() {
    Column(){
      Text(this.num+'')
      TextInput({text:this.s1}).onChange((value:string)=>{
        this.s1=value
        this.n1=Number(value)
      })
      Button('增加').onClick((event:ClickEvent)=>{
        this.num.push(this.n1)
        this.s1=''
      })
      Button('删除').onClick((event:ClickEvent)=>{
        this.num.pop()
      })
    }
  }
}
Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐