HarmonyOS 父子组件之间的传参传递数组

父子组件之间的传参传递数组，数组中的每一项是一个对象，这种情况子组件如何接收并监听刷新页面呢，比如数组中现在有对象一个，等几秒后添加第二个对象然后，子组件接收这个数据要能够数据变化渲染新的数据。

HarmonyOS

Excelsior_abit

2024-12-26 13:36:10

浏览

回答 1

待解决

回答 1

按赞同

按时间

aquaa

可参考demo

//Person类
class Person {
  public id: number;
  public name: string;

  constructor(id:number,name:string) {
    this.id = id;
    this.name = name;
  }
}
//子组件
@Component
struct Child {
  @Link personArr: Person[];
  build() {
    Column({space:5}) {
      Text('人员列表')
      List({ space: 20, initialIndex: 0 }) {
        ForEach(this.personArr, (item: Person) => {
          ListItem() {
            Text(){
              Span('id：'+item.id)
              Span('---')
              Span('姓名：'+item.name)
            }
            .width('100%').backgroundColor(Color.White).padding(10)
          }
        }, (item: Person) => item.id.toString())
      }
      .listDirection(Axis.Vertical) // 排列方向
      .width('90%')
    }
    .width('100%')
    .padding({ top: 5 })
  }
}
//父组件
@Entry
@Component
struct Index {
  @State persons: Person[] = [new Person(1,'张三1')];
  @State myId: number = 2;
  build() {
    Column({space:10}) {
      Child({personArr:this.persons})
      Button('增加人员')
        .onClick(()=>{
          this.persons.push(new Person(this.myId,'张三'+this.myId))
          this.myId++;
        })
      Button('&#20943;&#23569;&#20154;&#21592;')
        .onClick(()=&gt;{
        this.persons.pop()
      })
    }
    .width('100%')
    .height('100%')
    .backgroundColor(Color.Pink)

  }
}