/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 vote307 views1 answer
React sub count
Javascript React
18 votes287 views5 answers
How to use svg in react js
Javascript React
0 vote305 views2 answers
React native bottom sheet example
Javascript React
0 vote253 views1 answer
Build function component react
Javascript React
0 vote319 views1 answer
React rative release
Javascript React
0 vote260 views5 answers
React buttons npm
Javascript React
0 vote325 views1 answer
My vscode does not recognize react code syntax
Javascript React
1 vote299 views1 answer
Component vs container react
Javascript React
0 vote314 views1 answer
Get position of element in react
Javascript React
-1 vote276 views6 answers
Set image as background react
Javascript React