/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 vote189 views1 answer
How to change height of bottom material tab navigator from react-naviagtion
Javascript React
2 votes199 views5 answers
How to import in react js
Javascript React
0 vote169 views1 answer
React native override style
Javascript React
0 vote150 views1 answer
Npm react-dom
Javascript React
15 votes165 views5 answers
Usestate react hook
Javascript React
0 vote151 views1 answer
Npm i react-router semantic-ui-react semantic-ui-css
Javascript React
20 votes147 views4 answers
Conditional Rendering in React js
Javascript React
0 vote177 views1 answer
React check if array contains value
Javascript React
142 votes350 views6 answers
Create-react-app
Javascript React
0 vote151 views1 answer
React js loop through array of objects
Javascript React