HarmonyOS 鸿蒙Next 为什么在用ForEach渲染Array<ResourceStr>时，只能渲染出来第一个图片呢？

export class HomeRecommend{
  userAvatar:ResourceStr
  userName:string
  time:string

  titleName:string
  content:string
  contentImage:Array<ResourceStr>
  attachmentImage:ResourceStr
  attachmentName:string
  attachmentIcon:ResourceStr
  attachment:string
  repostIcon:ResourceStr
  repost:string
  commentIcon:ResourceStr
  commentCount:string
  likesIcon:ResourceStr
  likesCount:string
  recommend?:ResourceStr

  constructor(
    userAvatar:ResourceStr,
    userName:string,
    time:string,

    titleName:string,
    content:string,
    contentImage:Array<ResourceStr>,
    attachmentImage:ResourceStr,
    attachmentName:string,
    attachmentIcon:ResourceStr,
    attachment:string,
    repostIcon:ResourceStr,
    repost:string,
    commentIcon:ResourceStr,
    commentCount:string,
    likesIcon:ResourceStr,
    likesCount:string,
    recommend?:ResourceStr,

  ) {
    this.userAvatar=userAvatar
    this.userName=userName
    this.time=time
    this.titleName=titleName
    this.content=content
    this.contentImage=contentImage
    this.attachmentImage=attachmentImage
    this.attachmentName=attachmentName
    this.attachmentIcon=attachmentIcon
    this.attachment=attachment
    this.repostIcon=repostIcon
    this.repost=repost
    this.commentIcon=commentIcon
    this.commentCount=commentCount
    this.likesIcon=likesIcon
    this.likesCount=likesCount
    this.recommend=recommend
  }
}

export let homeRecomment:HomeRecommend[]=[
  new HomeRecommend($r('app.media.img_1'),"小通活动助手","01-06","学习通联动饿了么给大家送无门槛红包券啦！！","免费领取饿了么超级吃货卡\n点击下方链接将饿了么每天领红包设置为常用，这样就能每天都在学习通领取外卖红包啦\n饿了么每天领外卖红包...",[$r('app.media.img_2',$r('app.media.img_4'),$r('app.media.img_6'),$r('app.media.img_7'))],$r('app.media.img_5'),"免费领取饿了么超级会员吃货卡",$r('app.media.img_5'),"共2个附件",$r('app.media.img_6'),"转发",$r('app.media.activits'),"1.0万",$r('app.media.img_7'),"1.7万"),

]







@Entry
@Component
struct Page {
  @State message: string = 'Hello World';

  build() {
    Column(){
      ForEach(homeRecomment,(item:HomeRecommend)=>{
        ListItem(){
          Column(){
            Row(){
              Image(item.userAvatar).width("10%").margin({left:20,right:10}).borderWidth(1).borderColor("#bfbfbf")
              Column(){
                Text(item.userName).fontSize(16)
                Text(item.time).fontSize(10).fontColor("#bfbfbf").margin({top:1})
              }.alignItems(HorizontalAlign.Start)
            }.width('100%').margin({top:20}).justifyContent(FlexAlign.Start)
            Text(item.titleName).width("90%").maxLines(2).fontSize(20).fontWeight(FontWeight.Bold).margin({top:5})
            Text(item.content).width("90%").maxLines(5).fontSize(16).fontColor("#4f4f4f").margin({top:10})
            Flex(){
              ForEach(item.contentImage,(item:ResourceStr)=>{
                Column(){
                  Image(item).width(100)
                }.width('20%')
              },(newitem:string)=>{
                let flag=0
                flag++
                console.log("JSON-newitem:"+JSON.stringify(newitem));
                console.log("flag:"+flag.toString());

                // return JSON.stringify(item)
                return flag.toString()
              })
            }.width("100%")
            Row(){
              Image(item.attachmentImage).width(50).height(50).padding(10)
              Text(item.attachmentName).fontSize(10).padding(8).margin({left:-5}).fontColor(Color.Black)
            }.width("95%").backgroundColor("#dadada").borderRadius(5).margin({top:5,bottom:5})
            Row(){
              Row(){
                Image(item.attachmentIcon).width(10)
                Text(item.attachment).fontSize(10).fontColor("#bfbfbf")
              }.width("95%").justifyContent(FlexAlign.End)
            }.width("100%")
            Row(){
              Row(){
                Image(item.repostIcon).width(16).margin({right:5})
                Text(item.repost).fontSize(11)
              }.padding(10).width("30%").justifyContent(FlexAlign.Center)
              Row(){
                Image(item.commentIcon).width(16).margin({right:5})
                Text(item.commentCount).fontSize(11)
              }.padding(10).width("30%").justifyContent(FlexAlign.Center)
              Row(){
                Image(item.likesIcon).width(16).margin({right:5})
                Text(item.likesCount).fontSize(11)
              }.padding(10).width("30%").justifyContent(FlexAlign.Center)
            }.justifyContent(FlexAlign.SpaceBetween).width("100%")
          }.alignItems(HorizontalAlign.Center).width("100%")
        }.width("100%")

      })
    }
  }
}