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

You can use require as well to render images like

//then in the render function of Jsx insert the mainLogo variable

class NavBar extends Component {
  render() {
    return (
      

        

          //right below here
          
        
      
    );
  }
}