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

91 votes232 views7 answers
React-router-dom
Javascript React
5 votes165 views3 answers
Linear gradient react js
Javascript React
0 vote177 views1 answer
React native jest snapshot
Javascript React
1 vote185 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
0 vote204 views1 answer
Npm ERR! peer react@"^15.x.x" from [email protected]
Javascript React
37 votes130 views5 answers
React sass
Javascript React
0 vote177 views1 answer
Format react code in visual studio code
Javascript React
0 vote203 views1 answer
Can i use hooks with expo in react native
Javascript React
0 vote177 views1 answer
How to resolve click for div logging as parent too, in react
Javascript React
3 votes207 views2 answers
Use onchange with react select
Javascript React