/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

14 votes347 views4 answers
Conditional classname prop react
Javascript React
16 votes238 views2 answers
React fragment
Javascript React
1 vote351 views1 answer
Import library react js
Javascript React
0 vote336 views1 answer
Map of filtered data react
Javascript React
0 vote353 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React
1 vote319 views1 answer
React native could not get batchedbridge
Javascript React
0 vote432 views1 answer
React steam auth
Javascript React
1 vote332 views1 answer
React native linking email
Javascript React
9 votes328 views2 answers
How to redirect react router from the app components
Javascript React
1 vote336 views1 answer
React admin newrecords.foreach is not a function
Javascript React