/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 vote208 views1 answer
How to link a photo in expo react native
Javascript React
0 vote231 views1 answer
Global keyboard shortcuts react
Javascript React
13 votes225 views5 answers
React native setup
Javascript React
2 votes228 views1 answer
Import React, { memo } from 'react';
Javascript React
-2 votes208 views1 answer
How to identify debug and release build in react native
Javascript React
0 vote302 views1 answer
React native create text file
Javascript React
1 vote226 views1 answer
How to remove name in react navigation header
Javascript React
15 votes199 views4 answers
Get query params react
Javascript React
7 votes223 views3 answers
Conditional style react
Javascript React
1 vote280 views1 answer
How to set limit in map in react hook
Javascript React