/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

31 votes138 views6 answers
React Sass
Javascript React
11 votes131 views5 answers
React router refresh page
Javascript React
15 votes122 views4 answers
Get query params react
Javascript React
7 votes138 views6 answers
Shadow generator react native
Javascript React
4 votes166 views1 answer
Carousel react
Javascript React
1 vote123 views1 answer
Could not find com.yqritc:android-scalablevideoview:1.0.4 react native video
Javascript React
0 vote132 views1 answer
React native clear route params
Javascript React
33 votes143 views2 answers
Routing in react
Javascript React
0 vote131 views1 answer
Why is this undefined in react
Javascript React
0 vote126 views1 answer
POST http://localhost:3000/$(process.env.REACT_APP_API_URL)/auth/users/ 404 (Not Found) in react redux
Javascript React