Answers for "access images in src folder in reactjs"

4

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']} />
Posted by: Guest on November-08-2020
3

react js image path src from local folder

// Assuming logo.png is in the same folder as JS file
import logo from './logo.png';

// ...later
<img src={logo} alt="logo" />
Posted by: Guest on September-11-2020

Code answers related to "access images in src folder in reactjs"

Code answers related to "Javascript"

Browse Popular Code Answers by Language