ArkUI-11-状态管理功能01

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