/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 vote320 views1 answer
React createElement interactive button
Javascript React
24 votes320 views3 answers
Set port in react app
Javascript React
1 vote377 views1 answer
External script in react
Javascript React
0 vote332 views1 answer
Gradlew command not found react native
Javascript React
0 vote311 views1 answer
React currency format
Javascript React
0 vote343 views1 answer
Google-maps-react give undefined lat long
Javascript React
4 votes342 views2 answers
How to take 100% width in react native
Javascript React
0 vote323 views1 answer
Get LocalStorage from WebView react native
Javascript React
4 votes356 views1 answer
Text input placeholder color react native
Javascript React
1 vote333 views1 answer
Module '"../../../node_modules/react-native"' has no exported member 'View'
Javascript React