Unable to load images from local library in React.js

Question

I have written a code for my website and unfortunately, i am not able to load images that are located in my local library. I have moved my images folder inside \'src\' folde

Answer 1

My answer only applies if you are using create-react-app or Webpack with the file-loader plugin.

You have to import the picture file before using it. This has to be done in order for Webpack to bundle the images correctly for the production build.

import pic1 from './Pictures/1.jpg';
...

You can read more here.