class Person{ name:string age:number constructor(name: string, age: number) { this.name = name this.age = age } } @Entry @Component struct StatePage2 { idx:number =1 @State p:Person = new Person('Jack',21) @State gfs:Person[] = [ new Person('肉丝',18),new Person('露西',19) ] build() { Row() { Column() { Text(`${this.p.name} : ${this.p.age}`) .fontSize(30) .fontWeight(FontWeight.Bold) .onClick(() => { this.p.age ++ }) Button('添加') .onClick(()=>{ this.gfs.push(new Person('女朋友' + this.idx++,20)) }) Text('女仆列表') .fontSize(30) .fontWeight(FontWeight.Bold) ForEach( this.gfs, (p:Person,index) =>{ Row(){ Text(`${p.name} : ${p.age}`) .fontSize(30) .fontWeight(FontWeight.Bold) .onClick(() => { p.age ++ }) Button('删除') .onClick(()=>{ this.gfs.splice(index,1) }) } .width('100%') .justifyContent(FlexAlign.SpaceAround) .backgroundColor('#32d') }) } } } // @Entry // @Component // struct StatePage { // @State name: string = 'Jack'; // @State age: number = 30 // build() { // Row() { // Column() { // Text(`${this.name} : ${this.age}`) // .fontSize(50) // .fontWeight(FontWeight.Bold) // .onClick(() => { // this.age ++ // }) // } // .width('100%') // .height('100%') // .justifyContent(FlexAlign.Center) // } // // }
wei