/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 vote378 views1 answer
React native passing params to nested navigators
Javascript React
0 vote404 views1 answer
Expo cli vs react native cli
Javascript React
33 votes382 views2 answers
Routing in react
Javascript React
0 vote402 views1 answer
Did you mean "@babel/transform-react-jsx-source"
Javascript React
2 votes389 views2 answers
How to export multiple functions react from one file
Javascript React
0 vote444 views1 answer
React native listview date separator site:stackoverflow.com
Javascript React
0 vote452 views1 answer
How to console log in react native
Javascript React
3 votes349 views2 answers
React router hooks
Javascript React
0 vote419 views1 answer
Route with parameter react not working not found
Javascript React
0 vote360 views1 answer
Drawer navigation set width react native
Javascript React