/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 vote201 views1 answer
React native map not loading
Javascript React
0 vote205 views1 answer
React-native eject not working
Javascript React
1 vote203 views1 answer
Deploy react to aws
Javascript React
42 votes207 views3 answers
React onchange multiple functions
Javascript React
0 vote210 views2 answers
How to run react builed version
Javascript React
0 vote246 views1 answer
React-hook-form image
Javascript React
0 vote207 views1 answer
Onclick react history map
Javascript React
0 vote224 views1 answer
How to get the data from clicking on notification on web in reactjs
Javascript React
4 votes222 views2 answers
React countdown timer
Javascript React
0 vote208 views1 answer
Metro server not running react native
Javascript React