/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 vote130 views1 answer
React-timeago npm
Javascript React
0 vote151 views1 answer
Icon with label in react native
Javascript React
12 votes135 views3 answers
Font weight react native
Javascript React
0 vote77 views1 answer
React state scope
Javascript React
0 vote145 views1 answer
React-native firebase v9+ config
Javascript React
2 votes111 views1 answer
React promises
Javascript React
0 vote135 views1 answer
React application preloader add
Javascript React
1 vote154 views1 answer
Rendering, reconciliation, committing in react
Javascript React
0 vote126 views2 answers
How to check for enter keyPress in react native
Javascript React
0 vote120 views1 answer
Async wait for axios reactjs
Javascript React