/Javascript/React/Import all images from folder reactjs

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']} />

Source: stackoverflow.com

Similar codes

0 vote91 views1 answer
Import React from 'react'; import {Router, Scene} from 'react-native-router-flux';
Javascript React
-2 votes110 views1 answer
Reactjs cut part of string
Javascript React
1 vote106 views1 answer
Sort function in react js
Javascript React
0 vote95 views1 answer
React native mock
Javascript React
14 votes65 views9 answers
Attempted import error: 'switch' is not exported from 'react-router-dom'.
Javascript React
0 vote100 views1 answer
How to stop server of react js
Javascript React
4 votes165 views3 answers
Add google map in react js
Javascript React
0 vote117 views1 answer
React.createElement
Javascript React
1 vote128 views1 answer
React counter input
Javascript React
13 votes108 views4 answers
React deep copy
Javascript React