/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 vote156 views1 answer
React event for modals
Javascript React
0 vote148 views5 answers
Line 7:18: 'Section' is not defined react/jsx-no-undef
Javascript React
1 vote159 views1 answer
Strings compare react
Javascript React
1 vote167 views1 answer
Yup only characters regex validation react
Javascript React
22 votes154 views2 answers
React-bootstrap example
Javascript React
0 vote163 views2 answers
TS2307: Cannot find module './archive.svg' jest react
Javascript React
1 vote285 views1 answer
Reactjs cdn file
Javascript React
3 votes145 views2 answers
React api call
Javascript React
20 votes155 views6 answers
Useeffect react example
Javascript React
6 votes163 views2 answers
#react native shadow
Javascript React