React 不会从 list-src 返回文档中的图像

Question

React 不会从 list-src 的文档中返回 img

从“反应”导入反应

导出默认函数 dio() {

var storys = [
    {
        src: './images/profilna.jpg'
    },
    {
        src: './images/profilna.jpg'
    },
]

return (<div>
    <div >
        <img src="./images/profilna.jpg" alt=""/>
        {
            storys.forEach(story => {
            //this dont return img in document
           return( <img src={story.src} />
  )
            })

        }
    </div>
</div>
)

}

Answer 1

方法.forEach()没有返回，用.map()试试

export default function dio() {

var storys = [
    {
        src: './images/profilna.jpg'
    },
    {
        src: './images/profilna.jpg'
    },
]

return (<div>
    <div >
        <img src="./images/profilna.jpg" alt=""/>
        {
            storys.map(story => {
              return( <img src={story.src} />
                )
            })

        }
    </div>
</div>
)
}