/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

1 vote286 views2 answers
How to not use relative imports in react js
Javascript React
0 vote290 views1 answer
Set default types react
Javascript React
0 vote290 views1 answer
React bootstrap carousel caption placement top
Javascript React
3 votes269 views3 answers
React Components
Javascript React
0 vote284 views1 answer
React chat sheet
Javascript React
0 vote282 views1 answer
Casl react redux
Javascript React
3 votes390 views3 answers
Center horizontally react native
Javascript React
0 vote291 views1 answer
Installation de react native maps bibliothèque
Javascript React
0 vote301 views1 answer
React native paper modal background
Javascript React
0 vote277 views1 answer
Handle an input with React hooks
Javascript React