Как вставить в каждый элемен div картинку?

Question

[Михаил Ярема]

Добрый день. Помогите пожалуйста.

Как по очереди при каждой итерации передавать картинку в div. (img1, img2, img3 и тд)?

import React, { Component } from 'react';
import { connect } from 'react-redux';
import img1 from './img/1001.jpg'
import img2 from './img/1002.jpg'
import img3 from './img/1003.jpg'
import img4 from './img/1004.jpg'
import img5 from './img/1005.jpg'
import img6 from './img/1006.jpg'

class ShowBlock 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 и тд} />
                <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>
    );
  }
}

Answer 1

[Дмитрий Еремин]

Так?
var imgs = [img1, img2, img3,img4,img5,img6]
<img src={imgs[index]+index} />

Comments

[Михаил Ярема]

А import картинок можно запихать в массив?

[Дмитрий Еремин]

frezebloom, есть только один способ это узнать)

[Михаил Ярема]

Это точно) жалко сейчас не у компа. Как буду сразу попробую) спасибки