/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

8 votes251 views2 answers
Install material icons for react
Javascript React
15 votes255 views1 answer
Reducer in react example
Javascript React
0 vote264 views1 answer
Horizontal cards react bootstrap
Javascript React
0 vote254 views1 answer
Reactjs import electron
Javascript React
0 vote265 views1 answer
Reactjs clic copy
Javascript React
0 vote261 views2 answers
Disable a button react
Javascript React
4 votes279 views1 answer
React how to remove commas from a string
Javascript React
0 vote254 views1 answer
React router v6 lazy suspense
Javascript React
2 votes259 views3 answers
React cdn
Javascript React
0 vote240 views1 answer
Shallow render in react
Javascript React