React img not showing

import React from 'react';
import logo from './logo.png'; // Tell webpack this JS file uses this image

console.log(logo); // /logo.84287d09.png

function Header() {
  // Import result is the URL of your image
  return <img src={logo} alt="Logo" />;
}

export default Header;

Images not displaying in react

<img src={process.env.PUBLIC_URL + "/images/dog.png"}
// process.env.PUBLIC_URL is the key here

Source: stackoverflow.com

Similar codes

0 vote302 views1 answer
Routing in react jps
Javascript React
0 vote280 views1 answer
React-metismenu-router-link
Javascript React
10 votes246 views4 answers
Attempted import error 'switch' is not exported from 'react-router-dom'. in react js
Javascript React
0 vote289 views1 answer
React bootstrap col not working
Javascript React
68 votes334 views4 answers
Inline styling react
Javascript React
0 vote280 views1 answer
String contains in react
Javascript React
6 votes254 views2 answers
React native socket io
Javascript React
4 votes323 views4 answers
Responsive font size react native
Javascript React
0 vote304 views1 answer
Sort by string react
Javascript React
5 votes303 views4 answers
How to use useref hook in react
Javascript React