/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

2 votes210 views1 answer
React native seperator code
Javascript React
1 vote212 views2 answers
How to render react native app under the status bar
Javascript React
5 votes235 views2 answers
Remove underline from link i react
Javascript React
0 vote199 views1 answer
Como hacer un onpress en react native expo
Javascript React
0 vote221 views2 answers
React-native local image not showing ios
Javascript React
1 vote207 views2 answers
Upload image react
Javascript React
-1 vote268 views1 answer
Install proptypes react
Javascript React
0 vote200 views1 answer
Using shortid in react lists
Javascript React
1 vote221 views1 answer
Disable split screen react native
Javascript React
1 vote155 views1 answer
Hide column in antd table using js / react with conditional rendering
Javascript React