/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

12 votes130 views3 answers
Vs code emmet for html in react
Javascript React
0 vote121 views1 answer
Bootstrap modal disable close on click outside react bootstrap
Javascript React
11 votes153 views4 answers
React native text underline
Javascript React
1 vote140 views1 answer
Running scripts is disabled on this system react js
Javascript React
0 vote159 views1 answer
Set cors for a react node application socket error
Javascript React
0 vote85 views1 answer
ReactNative onPress doesn't exist
Javascript React
0 vote129 views1 answer
React deployment pipeline
Javascript React
0 vote91 views1 answer
./src/App.js Module not found: Can't resolve '@fullcalendar/core/main.css' in 'c:\react-souf\src'
Javascript React
16 votes129 views1 answer
Deploy react app netlify
Javascript React
9 votes121 views5 answers
How to add array data on state react
Javascript React