/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 vote176 views1 answer
Reactive forms angular conditional disabling
Javascript React
0 vote217 views1 answer
React tagInput component
Javascript React
2 votes194 views3 answers
Linear gradient reactjs
Javascript React
7 votes224 views3 answers
Conditional style prop react
Javascript React
0 vote208 views1 answer
React catch error in component
Javascript React
0 vote193 views2 answers
React native elements datepicker
Javascript React
1 vote186 views1 answer
React does not recognize the `activeClassName` prop on a DOM element
Javascript React
2 votes188 views1 answer
React native image source local file
Javascript React
0 vote196 views1 answer
ReactRender
Javascript React
29 votes194 views6 answers
React background image
Javascript React