/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 vote222 views1 answer
Reference hook in react
Javascript React
0 vote246 views1 answer
_40 0 _55 null _65 0 _72 null react native fetch
Javascript React
2 votes234 views2 answers
React native select option
Javascript React
6 votes238 views2 answers
React native disable the text input
Javascript React
0 vote238 views1 answer
Uploading profile pic with react.js node.js express.js REST API to sqlite DB
Javascript React
15 votes236 views1 answer
Reducer in react example
Javascript React
3 votes219 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React
4 votes248 views2 answers
'Switch' is not exported from 'react-router-dom'.
Javascript React
2 votes231 views1 answer
React function being called every minute
Javascript React
1 vote229 views3 answers
Bash: react-scripts: command not found
Javascript React