image - React - map 中的动态图像

Question

在这里 react 新手。

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

我有每个图像(a.jpg，b.jpg，c.jpg)

我如何包含/要求迭代并显示每个图像作为我的 map 的一部分？

感谢任何帮助:D

Answer 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/