HarmonyOS @Prop参数传递问题

import { buffer } from '@kit.ArkTS';
import { utilsBufferDataToJson } from '../../../common/Utils/Utils';

@Component
export struct DHTestPageCell {
  @Prop buff: ArrayBuffer;

  build() {
    Text(JSON.stringify(utilsBufferDataToJson(this.buff)) + ': 1234')
  }
}

@Entry
@Component
struct DHTestPage {
  @State data: ArrayBuffer[] = []

  aboutToAppear(): void {
    this.getData()
  }

  getData() {
    let names = ['xx', 'xx', 'xx', 'xx', "xx"]
    names.forEach(element => {
      let buff = this.stringToUint8Array(element)
      this.data.push(buff);
    });
    console.log("buff", this.data)
  }

  stringToUint8Array(str: string) {
    return buffer.from(str, 'utf-8').buffer
    // return new Uint8Array(buffer.from(str,'utf-8').buffer);
  }

  build() {
    Row() {
      List() {
        ForEach(this.data, (buff: ArrayBuffer, index: number) => {
          ListItem() {
            DHTestPageCell({ buff: buff })
          }
        })
      }
    }
    .height('100%')
  }
}
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.

export function utilsBufferDataToJson(customData: ArrayBuffer): object | undefined {
  let decoder = util.TextDecoder.create("utf-8", { ignoreBOM: true })
  let jsonString = decoder.decodeWithStream(new Uint8Array(customData), { stream: false });
  jsonString = jsonString ?? ''
  if (jsonString.length <= 0) {
    return undefined
  }
  return JSON.parse(jsonString ?? '');
}
1.
2.
3.
4.
5.
6.
7.
8.
9.

list的buff参数传递到DHTestPageCell中为什么是空？

HarmonyOS

zxjiu

2024-12-25 13:57:40

966浏览

回答 1

按赞同

按时间

Excelsior_abit

参考示例：

class Book {
  public title: string;
  public pages: number;
  public readIt: boolean = false;

  constructor(title: string, pages: number) {
    this.title = title;
    this.pages = pages;
  }
}

@Component
struct ReaderComp {
  @Prop book: Book = new Book("", 0);
  @Prop buff: Array<string> = [];

  build() {
    Row() {
      Text(this.book.title)
      Text(`...has${this.book.pages} pages!`)
      Text(`...${this.book.readIt ? "I have read" : 'I have not read it'}`)//.onClick(() => this.book.readIt = true)

        .onClick(() => {
          console.log("buff", this.buff);
        })
    }
  }
}

@Entry
@Component
struct Library {
  @State book: Book = new Book('100 secrets of C++', 765);
  @State proList: Array<string> = ['xx', 'xx', 'xx', 'xx', "xx"];

  aboutToAppear(): void {
    console.log("buff", this.proList)
  }

  build() {
    Column() {
      Button('hhhh')
      //ReaderComp({ book: this.book })
      ReaderComp({ buff: this.proList, book: this.book })
      //ReaderComp({ book: this.book })
    }
  }
}
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.

2024-12-25 16:26:47

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS @Prop参数传递问题

订阅鸿蒙技术特刊，精选内容抢先看