/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 vote100 views2 answers
Unexpected template string expression reactjs
Javascript React
1 vote111 views1 answer
React native new project mac
Javascript React
0 vote124 views1 answer
Reactjs TypeError: b is undefined
Javascript React
3 votes115 views1 answer
Could not resolve dependency: npm ERR! peer react@"17.0.1" from [email protected]
Javascript React
1 vote110 views1 answer
React map array limit
Javascript React
0 vote111 views1 answer
TextField input font color React Material UI
Javascript React
0 vote106 views1 answer
Align left text in reactstrap
Javascript React
-1 vote110 views1 answer
Image component doesn't show image from url react native
Javascript React
0 vote96 views1 answer
React json object pretty
Javascript React
1 vote100 views3 answers
React redux how to change object value in reducer
Javascript React