Javascript 连接字符串的地图图像

我正在使用

map

函数对包含图像的数组进行迭代。然后我尝试在页面上显示这些图像

您将看到图像被连接到一个污点中。有没有人知道怎么做，这样我就可以展示每个单独的图像

请参阅下面的代码：

var App = React.createClass({
    render: function(){
    var images = [
         {
            id:"1",
            images:['https://i.scdn.co/image/dc284fcd7e581aa2b7ca56f28c7c74f0ca0ad393', 'https://i.scdn.co/image/97ffc63dd5abfe7203d8f5e90d1a74427ac756e7']
         },
         {
            id:"2",
            images:['https://i.scdn.co/image/97ffc63dd5abfe7203d8f5e90d1a74427ac756e7', 'https://i.scdn.co/image/97ffc63dd5abfe7203d8f5e90d1a74427ac756e7']
         }
      ];
      return(<List images={images} />)
   }
});

var List = React.createClass({
    render: function() {
        var images = this.props.images.map(function(image){
            return(image.images[0]); // updated here
        })
        return(
            <div>
                <img src={images}></img>
                <p>{images}</p>
            </div>
        )       
    }
});

ReactDOM.render(
  <App name="World" />,
  document.getElementById('container')
);

var-App=React.createClass({
render:function（）{
变量图像=[
{
id:“1”，
图片：['https://i.scdn.co/image/dc284fcd7e581aa2b7ca56f28c7c74f0ca0ad393', 'https://i.scdn.co/image/97ffc63dd5abfe7203d8f5e90d1a74427ac756e7']
},
{
id:“2”，
图片：['https://i.scdn.co/image/97ffc63dd5abfe7203d8f5e90d1a74427ac756e7', 'https://i.scdn.co/image/97ffc63dd5abfe7203d8f5e90d1a74427ac756e7']
}
];
返回（）
}
});
var List=React.createClass({
render:function（）{
var images=this.props.images.map（函数（图像）{
return（image.images[0]）；//在此处更新
})
返回(
{图像}

)       
}
});
ReactDOM.render(
,
document.getElementById（'容器'）
);

是否执行以下操作

更改是将

属性集添加到url：

        var images = this.props.images.map(function(image, index){
            return <img key={index} src={(image.images[0])} />;
        });

下面的方法有效吗

更改是将
属性集添加到url：

        var images = this.props.images.map(function(image, index){
            return <img key={index} src={(image.images[0])} />;
        });

我不这么认为，你还是看不到图像。请看代码，它仍在连接中。如果您能看到图像，请告诉我。JSFIDLE可能正在缓存我的代码的旧版本。我不这么认为，您仍然无法看到图像。请看代码，它仍在连接中。如果您能看到图像，请告诉我。JSFIDLE可能正在缓存旧版本的代码。