HarmonyOS HashMap中放入数组，数组数据发生改变时如增加或者删除元素，如何触发UI刷新

定义一个HashMap：

@State allChannelsMaps: HashMap<string, Array<ChannelGroupDataChannelList>> = new HashMap();
UI布局如下：
List(){
          ForEach(this.channelTypeList, (channelData: ChannelTypeEntityData, index: number) =>{
            ListItem(){
              this.channelGrid(this.allChannelsMaps.get(channelData.channelType?.toString()),
                index,)
            }
          })
        }.width('100%')
.height('100%')
@Builder channelGrid(channelGroupData: Array<ChannelGroupDataChannelList>, index: number){
Grid(){
          ForEach(channelGroupData, (channel: ChannelGroupDataChannelList, index: number) =>{
            GridItem() {
              Text(channel.channelName)
                .fontSize((channel.channelName ?? '').length > 5 ? '11fp': '15fp')
                .fontColor($r('app.color.color202022'))
                .fontFamily(CommonConstants.SI_YUAN)
                .textAlign(TextAlign.Center)
                .width(this.itemWidth)
                .height(this.itemHeight)
                .backgroundColor($r('app.color.colorF9F9F9'))
                .borderRadius(4)
                .onClick(() =>{
                  const tapChannel: ChannelGroupDataChannelList = channelGroupData[index];
                  this.addChannelUpdateMap(tapChannel);
                })
            }
          })
        }
        .columnsTemplate('1fr 1fr 1fr 1fr')
        .columnsGap(10)
        .rowsGap(10)
        .height(this.channelTypeList[index].channelHeight)
        .nestedScroll({
          scrollForward: NestedScrollMode.PARENT_FIRST,
          scrollBackward: NestedScrollMode.SELF_FIRST
        })
}

HarmonyOS

zxjiu

2024-12-20 16:35:40

浏览

回答 1

待解决

回答 1

按赞同

按时间

superinsect

参考以下demo：

import HashMap from '@ohos.util.HashMap'
class  DataItem {
  title:string;
  id:number
  constructor(title:string,id:number) {
    this.title = title;
    this.id = id
  }
}
@Entry
@Component
struct MapExample {
  @State hashMap: HashMap<string, Array<DataItem>>= new HashMap();
  @State keys:Array<string> =[ ]
  aboutToAppear(): void {
    this.hashMap.set("squirrel", [new DataItem("123",20)]);
    this.hashMap.set("sparrow", [new DataItem("human",45)]);
    this.keys = Array.from(this.hashMap.keys());
    console.info('valuesaaa',this.hashMap.values())
    for (let key of  this.keys) {
      console.log("key:" + key);
      console.log("value:" + this.hashMap.get(key));
    }
  }
  build(){
    List(){
      ForEach(this.keys , (item: string, index: number) =>{
        ChildItem({item:item})
      },(item:string)=>item)
    }
  }
}
@Component
struct ChildItem {
  @Prop item: string;
  build() {
    Text(this.item)
      .fontSize(50)
  }
}

2024-12-20 19:03:02

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

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS HashMap中放入数组，数组数据发生改变时如增加或者删除元素，如何触发UI刷新

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