david.js

import React, { Component } from 'react';

const mobileImages = ['img1.png', 'img2.png', 'img3.png', 'img4.png', 'img5.png'];
const mediumImages = [...mobileImages, 'img6.png', 'img7.png'];
const desktopImages = [...mobileImages, ...desktopImages, 'img7.png', 'img8.png'];

export defualt class Images extends Component {
 state = {
   images: [],
 };

 propogateImages = async () => {
  const { width } = this.props;

  switch (width) {
    case 'xs':
      const promises = mobileImages.map(async (i) => await import(i));

      const images = await Promise.map(promises);

      this.setState({ images });
    } 
  }
 }

}