HarmonyOS @Observed/@ObjectLink装饰器相关问题

有一个网络请求回来的数组列表,列表里面是对象(ClassA),数组使用@State装饰器,对象使用@Observed装饰器,使用ForEach循环给子组件赋值,子组件的对象(ClassA)使用@ObjectLink装饰器,现在我在子组件里修改了对象(ClassA)某个属性的值,但是对应的UI并没有刷新,请问是哪里有问题吗?

HarmonyOS
2024-09-02 09:49:42
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

可以通过引入三方库 reflect-metadata 和 class-transformer,参考如下demo实现:

TestJson.ets

import { plainToClass, Type } from 'class-transformer'; 
import 'reflect-metadata'; 
import { Person, ViewA } from './ViewA'; 
 
class ResponseObj { 
  @Type(() => Person) 
  data: Person[] = []; 
} 
 
 
@Entry 
@Component 
struct TestJson { 
  @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, testA: item.testA }) 
        }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
} 
 
 
ViewA.ets 
import { Type } from 'class-transformer' 
 
 
@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('') 
} 
 
 
@Component 
export struct ViewA { 
  @ObjectLink testA: TestA 
  index: number = -1; 
 
 
  build() { 
    Row(){ 
      Button(View A ${this.testA.str}).onClick(() =>{ 
        this.index += 1; 
        this.testA.str = ${this.index} : Test A String 
      }) 
    }.margin({top : 10 }) 
  } 
}

可以使用ohpm 引入三方库

ohpm install class-transformer 
ohpm install reflect-metadata
分享
微博
QQ
微信
回复
2024-09-02 17:44:51
相关问题
HarmonyOS @ObjectLink和@State的相关疑问
232浏览 • 1回复 待解决
HarmonyOS 装饰不刷新问题
131浏览 • 1回复 待解决
HarmonyOS @Observed不生效问题
335浏览 • 1回复 待解决
HarmonyOS图片选择相关问题
457浏览 • 1回复 待解决
状态装饰 ui不刷新的问题
2434浏览 • 1回复 待解决
自定义装饰的使用问题
756浏览 • 1回复 待解决
HarmonyOS 计步传感相关问题咨询?
185浏览 • 1回复 待解决
重力传感相关问题咨询
329浏览 • 1回复 待解决
系统播放AVplayer相关规格问题
476浏览 • 1回复 待解决
装饰 @Styles 和 @Extend
365浏览 • 1回复 待解决
HarmonyOS 是否支持自定义装饰
226浏览 • 1回复 待解决
HarmonyOS装饰或注解实现方式咨询
429浏览 • 1回复 待解决