/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 vote200 views1 answer
@invertase/react-native-apple-authentication npm
Javascript React
2 votes206 views3 answers
Linear gradient reactjs
Javascript React
1 vote209 views1 answer
Retour a la ligne <p> react
Javascript React
0 vote180 views1 answer
Spring reactive web client throw exception test
Javascript React
1 vote209 views1 answer
React native tabbed sticky view
Javascript React
0 vote204 views1 answer
How to use mdbreact in react js
Javascript React
126 votes631 views4 answers
Npm create react app
Javascript React
29 votes177 views6 answers
React background image
Javascript React
1 vote173 views2 answers
Edit todo list react-redux
Javascript React
0 vote204 views1 answer
Javascript ReactDOM.render
Javascript React