React - 地图中的动态图像

Question

这里是 React 新手。

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

我每个都有图像（a.jpg、b.jpg、c.jpg）

我如何 include/require 迭代每个图像并将其显示为我的地图的一部分？

感谢任何帮助: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/

React - 地图中的动态图像

React - dynamic images in a map

image

reactjs

dictionary

react-dom