HarmonyOS 使用对象字面量或者使用JSON.parse创建出来的对象不能被管理状态更新,只有new出来的对象才可以

看文档说@ObservedV2类装饰器 ,只能被使用new创建类的对象才能被状态管理观测到。但是在实际开发中,大多情况可能会通过对象字面量的方式或者通过JSON.parse的方式来给对象赋值,这样便不能被管理状态更新,使用起来非常不方便,所以后续有没有支持这种能力的更新计划。

HarmonyOS
2024-12-25 18:14:53
1153浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
fox280

json转自定义class对象时,需要将class对象new出来,这样才是真正转成了class对应的model。如果数据结构比较复杂,数据量比较大,不想在解析的时候,每个对象都new一次,建议使用第三库reflect-metadata和class-transformer,安装方法:

ohpm install class-transformer 
ohpm install reflect-metadata 
  • 1.
  • 2.

参考代码:

import 'reflect-metadata';
import { plainToClass, Type } from 'class-transformer';

class ResponseObj {
  @Type(() => Person)
  data: Person[] = [];
}

@Entry
@Component
struct Index9 {
  @State list: Person[] = [];
  @State message: string = 'Click me';
  aboutToAppear(): void {
    let str = '{"data" : [{"number" :1,"age": 20, "testA": { "str" : "123"}},{"number" :2,"age": 21,"testA": {"str" : "456"}}]}'
    let jsonData: ESObject = JSON.parse(str)
    let responseObj: ResponseObj = plainToClass(ResponseObj, jsonData);
    console.log( `${responseObj.data[0] instanceof Person}`)
    this.list = this.list.concat(responseObj.data);
  }
  build() {
    Row() {
      Column() {
        ForEach(this.list, (item: Person, index: number) => {
          ViewA({ index: index,age:item.hasAge(), testA: item.testA })
        })
      }
      .width('100%')
    }
    .height('100%')
  }
}
@Observed
export class TestA {
  public str : string
  constructor(str: string) {
    this.str = str;
  }
}
export class Person {
  name: string = ''
  age: number = 1
  @Type(()=>TestA)
  testA: TestA = new TestA('')
  hasAge():number
  {
    return this.age
  }
}
@Component
export struct ViewA {
  @ObjectLink testA: TestA
  index: number = -1;
  age:number = 0
  build() {
    Row(){
      Button(`View A  ${this.testA.str}`).onClick(() =>{
        this.index += 1;
        this.testA.str = `${this.index} : Test A String ${this.age}`
      })
    }.margin({top : 10 })
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
分享
微博
QQ
微信
回复
2024-12-25 19:43:28


相关问题
new 出来对象如何获取所属类
2479浏览 • 1回复 待解决
HarmonyOS 对象字面不能用作类型声明
1076浏览 • 1回复 待解决
HarmonyOS 如何创建json对象
1256浏览 • 1回复 待解决
HarmonyOS JSON.parse 返回类型问题
1627浏览 • 1回复 待解决
ArkTs怎么根据模版new对象返回
1199浏览 • 0回复 待解决
HarmonyOS map转json对象
937浏览 • 1回复 待解决
HarmonyOS JSON对象转换
919浏览 • 1回复 待解决