HarmonyOS 鸿蒙Next 使用fillClass无法把json中的字典转为Map

reflect-metadata 地址: https://ohpm.openharmony.cn/#/cn/detail/reflect-metadata

class-transformer 地址: https://ohpm.openharmony.cn/#/cn/detail/class-transformer

// Index.ets

let jsonString:Record<string, ESObject> = {
“data” : [
{

  <span class="hljs-string">"number"</span> :<span class="hljs-number">1</span>,

  <span class="hljs-string">"age"</span>: <span class="hljs-number">20</span>,

  <span class="hljs-string">"testA"</span>: {

    <span class="hljs-string">"str"</span> : <span class="hljs-string">"123"</span>

  }

},

{

  <span class="hljs-string">"number"</span> :<span class="hljs-number">2</span>,

  <span class="hljs-string">"age"</span>: <span class="hljs-number">21</span>,

  <span class="hljs-string">"testA"</span>: {

    <span class="hljs-string">"str"</span> : <span class="hljs-string">"456"</span>

  }

}
]
}
import { Type, plainToClass } from ‘class-transformer’
import ‘reflect-metadata’
import { TestA, Person, ViewA} from ‘./ViewA’;
class ResponseObj {
@Type (() => Person)
data: Person[] = [];
}
@Entry
@Component
struct Index {
@State list: Person[] = [];
@State message: string = ‘Click me’;
build() {
Row() {

  Column() {

    Text(<span class="hljs-keyword">this</span>.message).fontSize(<span class="hljs-number">40</span>).onClick(() =&gt; {

      <span class="hljs-keyword">let</span> responseObj : ResponseObj = plainToClass(ResponseObj, jsonString);

      console.log( ${responseObj.data[<span class="hljs-number">0</span>] <span class="hljs-keyword">instanceof</span> Person})

      <span class="hljs-keyword">this</span>.list = <span class="hljs-keyword">this</span>.list.concat(responseObj.data);

    })

    ForEach(<span class="hljs-keyword">this</span>.list, (item : Person, index: number) =&gt; {

      ViewA({index:index, test

        item.testA})

    })

  }

  .width(<span class="hljs-string">'100%'</span>)

}

.height(<span class="hljs-string">'100%'</span>)
}
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

// 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)
  test
TestA = new TestA(’’)
}
@Component
export struct ViewA {
  @ObjectLink test
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 })
  }
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

使用ohpm 引入三方库

ohpm install class-transformer

ohpm install reflect-metadata

三方库@wolfx/fill_class 实现的是 将 JSON 数据填充到 class 对象中，不支持转换为Map