/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 vote371 views1 answer
React electron desktop app
Javascript React
0 vote407 views1 answer
Npm auth0-react
Javascript React
1 vote372 views1 answer
React event target square brackets
Javascript React
5 votes352 views4 answers
Export default react
Javascript React
0 vote347 views1 answer
React js child css
Javascript React
1 vote299 views1 answer
How to install formik in react native
Javascript React
0 vote363 views1 answer
Github create react app buildpack
Javascript React
0 vote326 views1 answer
How to hide footer in specefic pages in react router
Javascript React
4 votes359 views4 answers
Width 100% react native
Javascript React
0 vote376 views1 answer
Install react hotjar
Javascript React