Javascript React不从列表src返回文档中的img

React不从列表src返回文档中的img

从“React”导入React

导出默认函数dio（）{

var故事=[
{
src:“./images/profilna.jpg”
},
{
src:“./images/profilna.jpg”
},
]
返回(
{
storys.forEach（story=>{
//这不会在文档中返回img
报税表（
)
})
}
)

}

方法

.forEach（）

没有返回，请尝试使用

.map（）

导出默认函数dio（）{
变量故事=[
{
src:“./images/profilna.jpg”
},
{
src:“./images/profilna.jpg”
},
]
返回(
{
storys.map（story=>{
报税表（
)
})
}
)
}

方法

.forEach（）

没有返回，请尝试使用

.map（）

导出默认函数dio（）{
变量故事=[
{
src:“./images/profilna.jpg”
},
{
src:“./images/profilna.jpg”
},
]
返回(
{
storys.map（story=>{
报税表（
)
})
}
)
}

您尝试过使用.map吗？您尝试过使用.map吗？

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>
)

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>
)
}