/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 vote141 views1 answer
React tooltip on disabled button
Javascript React
1 vote169 views2 answers
What is super(props) in react
Javascript React
0 vote187 views1 answer
React Cache buster
Javascript React
1 vote169 views4 answers
Notification react native
Javascript React
0 vote145 views1 answer
Matched leaf route at location "/" does not have an element. react
Javascript React
1 vote165 views1 answer
How to add react icons using yarn
Javascript React
6 votes147 views1 answer
Disable inputetext in react native
Javascript React
0 vote128 views1 answer
React make component full screen
Javascript React
32 votes146 views1 answer
How to use react router
Javascript React
0 vote186 views1 answer
Chinese icon in react native vector icons
Javascript React