/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

1 vote176 views1 answer
Create functional component react
Javascript React
0 vote120 views1 answer
React import useCallBack
Javascript React
0 vote112 views1 answer
React component will mount new method
Javascript React
0 vote119 views1 answer
React 1 to 10 rating
Javascript React
0 vote131 views2 answers
React convert excel to json
Javascript React
7 votes122 views4 answers
React native textinput disable keyboard
Javascript React
0 vote94 views1 answer
Dull a background image in react native
Javascript React
21 votes120 views6 answers
Elevation react native
Javascript React
0 vote167 views2 answers
Enzyme-adapter-react-16
Javascript React
1 vote130 views1 answer
Functional component how to add to existing array react
Javascript React