反应 - 地图中的动态图像

时间:2017-08-02 01:58:27

标签: image reactjs dictionary react-dom

在这里反应新手。

我有一张标签地图[' a',' b',' c']

我有各自的图像(a.jpg,b.jpg,c.jpg)

我如何包含/要求迭代并将每张图像显示为地图的一部分?

任何帮助表示赞赏:D

1 个答案:

答案 0 :(得分:1)

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/