/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 vote237 views1 answer
Angular reactive form remove validation
Javascript React
0 vote316 views1 answer
How to print an array inside another array in react
Javascript React
0 vote145 views1 answer
Integrate my own google pay using react js
Javascript React
9 votes160 views4 answers
Firebase' is not defined no-undef react
Javascript React
0 vote196 views2 answers
Como arreglar el error de Linking.openUrl no funciona react native
Javascript React
0 vote197 views1 answer
React load script after render
Javascript React
1 vote203 views1 answer
React native rename package name
Javascript React
30 votes208 views6 answers
React if statement
Javascript React
0 vote230 views1 answer
React native height full
Javascript React
0 vote185 views1 answer
Cannot find module react scripts
Javascript React