从react中的array数组中渲染图像

Question

我是React JS的新手。在这里，我得到以下数据。

data是包含一些元素的数组。

data[22] elements .
  images [4]:
     1
     2
     3
     4

所以结构是这样的。我尝试使用以下方法

let images = data.map(image => {
       image.map(imgId => {
         return <img src={imgId.source} alr="" />
       })
   });

有人可以帮我吗？>

Answer 1

如果图片是数据数组

<div>
 {data.Images.map(image =>
   return <img src={image.source} alt="my-img" />
 )}
</div>

Answer 2

我不清楚您的意思，但是在您的代码中，您错过了第一个return函数中的map。您可以这样写：

let images = data.map(image => {
       return image.map(imgId => {
         return <img src={imgId.source} alr="" />
       })
   });

或

let images = data.map(image => (
       image.map(imgId => {
         return <img src={imgId.source} alr="" />
       })
   ));