/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 vote295 views1 answer
React jsx style with calc
Javascript React
0 vote328 views1 answer
React check if mobile or desktop
Javascript React
97 votes309 views8 answers
Create react app
Javascript React
0 vote310 views1 answer
React form hook trigger is not a function
Javascript React
0 vote370 views1 answer
Icon with label in react native
Javascript React
0 vote310 views1 answer
Testing library react hooks
Javascript React
0 vote304 views1 answer
React native force vertical
Javascript React
0 vote327 views1 answer
Mdbootstrap react
Javascript React
0 vote323 views1 answer
Back button not working when modal open in react native
Javascript React
1 vote319 views2 answers
Export 'Redirect' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React