Images not loading in React

Question

not able to display the image getting an error as not found but i have provided the full path for it. I don\'t know where i am going wrong.

class App extend         


        

Answer 1

If you are using webpack, you need to use require while mentioning the src for img tag. Also the url must be relative to the component.

class App extends React.Component {

   render() {
      return (
         

  
 hello



         

      );
   }
}

export default App;

If you are not using webpack then simplly wrapping the src value within {} will work

class App extends React.Component {

   render() {
      return (
         

  
 hello



         

      );
   }
}

export default App;