/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

4 votes270 views3 answers
Width 100% react-native
Javascript React
31 votes177 views1 answer
React router dom IndexRedirect
Javascript React
0 vote161 views1 answer
React datetime mannual editing
Javascript React
0 vote257 views1 answer
React native create text file
Javascript React
14 votes234 views4 answers
React how to update state array
Javascript React
0 vote187 views3 answers
React loop through array
Javascript React
1 vote175 views1 answer
Npm react dropdown
Javascript React
0 vote171 views1 answer
Error-too-many-re-renders-react-limits-the-number-of-renders-to-prevent
Javascript React
5 votes177 views3 answers
Linear gradient css react js
Javascript React
2 votes193 views3 answers
React reset file input
Javascript React