/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 vote282 views2 answers
Hello world react
Javascript React
0 vote326 views1 answer
Show uploaded image in react/nextjs
Javascript React
0 vote267 views1 answer
How to use empty href link in reactjs
Javascript React
0 vote282 views2 answers
React native bordered image drop with shadow fix
Javascript React
0 vote267 views1 answer
React native init specific version
Javascript React
0 vote300 views1 answer
How to go to settings on next click in react native
Javascript React
1 vote272 views1 answer
Type writer in react
Javascript React
0 vote253 views1 answer
Usenavigate react router dom v6
Javascript React
0 vote236 views1 answer
React open on different url instead of localhost
Javascript React
2 votes339 views1 answer
Cursor to pointer in react
Javascript React