React - 地图中的动态图像
React - dynamic images in a map
这里是 React 新手。
我有一张标签地图 ['a'、'b'、'c']
我每个都有图像(a.jpg、b.jpg、c.jpg)
我如何 include/require 迭代每个图像并将其显示为我的地图的一部分?
感谢任何帮助:D
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')
);
这里是 React 新手。
我有一张标签地图 ['a'、'b'、'c']
我每个都有图像(a.jpg、b.jpg、c.jpg)
我如何 include/require 迭代每个图像并将其显示为我的地图的一部分?
感谢任何帮助:D
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')
);