当尝试从阵列加载时，为什么图像没有加载

Question

我有以下代码，我试图从Array加载图像，如果我尝试加载单个图像，它工作正常，但如果我尝试加载多个图像，它会显示任何图像，我的div {{1}在dom中。

test

Answer 1

你忘了回到地图：

{myItems.map(function (a) {
        return <img src={"images/"+a.source_image}/> // here
    })
}

{myItems.map(a => <img src={"images/"+a.source_image}/>)} //this is more clear, I think