HarmonyOS Promise 如何直接显示在Text上面？

Question

export async function getUseCarOrderType(orderType: string): Promise<string> {
  return (await DictionaryMgr.getInstance().getUseCarOrderType()).find((item) => item.value === orderType)?.labelZhCh ?? "-"
}

Answer 1

Text组件只支持string和Resource类型

文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-text-V5

可以声明一个属性，将promise的执行结果赋值进去可参考此代码：

export function foo(data: string): Promise<string> {
  return new Promise<string>((resolve, reject) => {
    resolve(data + '123')
  })
}
@Entry
@Component
struct Index {
  @State promiseData: string = ''
  onPageShow(): void {
    foo('foo').then((data)=>{
      this.promiseData = data
    })
  }
  build() {
    Column(){
      Text(this.promiseData)
        .width(200)
        .height(100)
        .backgroundColor(Color.Blue)
        .fontColor(Color.Red)
        .onClick(async ()=>{
          this.promiseData = await foo('abc')
        })
    }
  }
}