2017-08-02 84 views
2

在此处反应新手。反应 - 地图中的动态图像

我有地图上的标签[ 'A', 'B', 'C']

的我具有用于每个图像(A.JPG,B.JPG,C.JPG)

如何我是否会包含/需要迭代并显示每个图像作为我的地图的一部分?

赞赏任何帮助:d

+0

是否有您的标签和地图之间的任何关系?例如'a' - > a.jpg,'b' - > b.jpg – Umesh

回答

0
var Foo = React.createClass({ 
    render: function() { 
    const images = ['a','b','c'] 
    const imagesElements = images.map(e => { 
    return (
    <img src={`${e}.jpg`} /> 
    ) 
    }); 

    return(
    <div> 
    {imagesElements} 
    </div> 
    ) 
} 
}); 

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

https://jsfiddle.net/69z2wepo/83751/

+1

谢谢,先生!最有帮助的一点 - {'$ {e} .jpg} - 现在变得更有意义了。谢谢! –

+0

当然,随时:) –