/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

63 votes310 views6 answers
React router install
Javascript React
0 vote376 views1 answer
React native uid
Javascript React
19 votes285 views10 answers
'Switch' is not exported from 'react-router-dom'. ch warning.
Javascript React
1 vote351 views1 answer
React native cover image
Javascript React
-2 votes372 views1 answer
React native search bar
Javascript React
0 vote319 views1 answer
React open on different url instead of localhost
Javascript React
3 votes328 views1 answer
React hooks delete item from array
Javascript React
0 vote353 views1 answer
React make setstate synchronous
Javascript React
0 vote308 views2 answers
Undo npm run eject react
Javascript React
3 votes351 views1 answer
Navigation react pass props
Javascript React