/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

125 votes282 views6 answers
Install React Bootstrap
Javascript React
0 vote153 views1 answer
How to run bare react-native project
Javascript React
7 votes588 views2 answers
How to import js via script in react
Javascript React
0 vote158 views3 answers
React loop through array
Javascript React
24 votes149 views6 answers
Shadow react native
Javascript React
1 vote147 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
3 votes155 views1 answer
React is front end or backend
Javascript React
1 vote164 views1 answer
Java.lang.outofmemoryerror (no error message) react native
Javascript React
0 vote167 views1 answer
Reactjs lifecycle class components
Javascript React
16 votes163 views3 answers
Importing svg into react
Javascript React