/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 vote161 views1 answer
Image continuous changing div react
Javascript React
18 votes232 views6 answers
Import svg react
Javascript React
4 votes200 views3 answers
Get params in react router dom v6
Javascript React
-2 votes207 views1 answer
Starter react redux project
Javascript React
0 vote226 views1 answer
Npm i react-use-navigator-permissions
Javascript React
3 votes201 views2 answers
React router hooks
Javascript React
5 votes211 views5 answers
Onclick react
Javascript React
4 votes209 views2 answers
Materialize for react
Javascript React
0 vote192 views1 answer
Slide hide animaition in react
Javascript React
5 votes204 views2 answers
React js onclick call two functions
Javascript React