/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 vote97 views2 answers
React refresh page not found
Javascript React
3 votes142 views1 answer
Latest react version npm
Javascript React
0 vote143 views1 answer
React state deconstructed
Javascript React
1 vote166 views4 answers
Notification react native
Javascript React
0 vote136 views1 answer
React native scrollview fixed header
Javascript React
0 vote158 views1 answer
React make setstate synchronous
Javascript React
65 votes125 views6 answers
Route react
Javascript React
16 votes144 views6 answers
React useState hook
Javascript React
0 vote152 views1 answer
11. Which of the following metals catch fire on reaction with air? A. Magnesium B. Manganese C. Potassium D. Calcium
Javascript React
-2 votes135 views1 answer
React spring transition animations
Javascript React