/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 vote347 views1 answer
How to make a textarea unwritable in react native
Javascript React
1 vote364 views1 answer
How to populate a checkbox from an api react
Javascript React
0 vote371 views1 answer
How to use two text fields in one single row react js
Javascript React
3 votes375 views2 answers
React focus
Javascript React
0 vote345 views1 answer
I18n react get current language
Javascript React
2 votes371 views1 answer
React array find index
Javascript React
0 vote367 views1 answer
Routing in react jps
Javascript React
0 vote367 views1 answer
Onclick on fragment react
Javascript React
0 vote389 views1 answer
Reduce to calculate sum react
Javascript React
0 vote368 views1 answer
New Intl.NumberFormat en react
Javascript React