import image folder react code example

Example 1: showing an image in react js

import image from './path-to-image';

<img src={image} height={100} width={100} />

Example 2: import all images from folder reactjs

function importAll(r) {
  let images = {};
  r.keys().map((item, index) => { images[item.replace('./', '')] = r(item); });
  return images;
}

const images = importAll(require.context('./images', false, /\.(png|jpe?g|svg)$/));

<img src={images['doggy.png']} />