How to import image (.svg, .png ) in a React Component

Question

I am trying to import an image file in one of my react component. I have the project setup with web pack

Here\'s my code for the component

import Di         


        

Answer 1

I also had a similar requirement where I need to import .png images. I have stored these images in public folder. So the following approach worked for me.

In addition to the above I have tried using require as well and it also worked for me. I have included the images inside the Images folder in src directory.