import React { Component } from 'react';
import { connect } from 'react-redux';
img1 import from './img/1001.jpg'
img2 import from './img/1002.jpg'
img3 import from './img/1003.jpg'
img4 import from './img/1004.jpg'
import img5 from './img/1005.jpg'
img6 import from './img/1006.jpg'
ShowBlock class extends Component {
render() {
var keys = new Date().getTime();
return (
<div classname="ShowBlock">
<div classname="row">
{this.props.data.serverData.map((item, index)=>
<div classname="col-md-4" key="{index+(2*keys)}">
<div classname="block">
<img src="{img1," img2, img3, etc.}>
the <div>{item.description}</div>
<div classname="col-md-6" id="price">{item.price}</div>
<div classname="col-md-6"> <button type="button" class="btn-lg btn btn-success">Buy</button></div>
</div>
</div>
)}
</div>
</div>
);
}
}
<img src="{imgs[index]+index}">
Find more questions by tags JavaScriptReact