/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

136 votes523 views6 answers
Create a react app
Javascript React
-1 vote383 views1 answer
Animation react native npm
Javascript React
22 votes383 views4 answers
Copy text to clipboard reactjs
Javascript React
0 vote361 views1 answer
Render a react component only after API response is received
Javascript React
0 vote395 views1 answer
React application preloader add
Javascript React
18 votes342 views6 answers
React native create apk
Javascript React
0 vote359 views1 answer
Ityped react
Javascript React
4 votes379 views1 answer
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext is not a function
Javascript React
0 vote412 views1 answer
React native height full
Javascript React
1 vote388 views1 answer
Android resource linking failed react native image crop picker
Javascript React