/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

2 votes199 views1 answer
Display image as big as possible react native
Javascript React
0 vote199 views1 answer
React tooltip doesn't work
Javascript React
0 vote194 views2 answers
How to make a bot react to own message js
Javascript React
0 vote205 views1 answer
Out of memory gc overhead limit exceeded. react native
Javascript React
3 votes212 views1 answer
React export
Javascript React
0 vote187 views1 answer
CChartpie react
Javascript React
6 votes185 views1 answer
React-native loading spinner
Javascript React
0 vote195 views1 answer
React-file-base64
Javascript React
1 vote199 views6 answers
UseEffect react
Javascript React
0 vote194 views1 answer
React clone element
Javascript React