/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 vote158 views0 answer
React
Javascript React
0 vote215 views1 answer
Antd react native
Javascript React
6 votes179 views1 answer
Remove yellow warning react native emulator
Javascript React
3 votes205 views2 answers
How to get custom attribute value in react
Javascript React
-1 vote194 views2 answers
Toggle on button click in react js functional component
Javascript React
-1 vote170 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
0 vote225 views1 answer
Button size react native
Javascript React
0 vote194 views1 answer
Hide and show on button click in react js functional component
Javascript React
8 votes202 views4 answers
React multiple classnames
Javascript React
9 votes234 views1 answer
How to create a react app in current folder
Javascript React