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

18 votes184 views3 answers
Add object to array react hook
Javascript React
37 votes153 views5 answers
React sass
Javascript React
0 vote239 views1 answer
React-native-error-check-the-render-method-of-app
Javascript React
1 vote211 views1 answer
Fontawsome icon size react element
Javascript React
3 votes202 views3 answers
Multiple styles in react native
Javascript React
0 vote219 views2 answers
Enzyme-adapter-react-16
Javascript React
0 vote245 views1 answer
React-hook-form image
Javascript React
2 votes194 views4 answers
Can't perform a React state update on an unmounted component
Javascript React
0 vote249 views1 answer
ResolveAssetSource react-native-web
Javascript React
0 vote232 views1 answer
React change button color on hover
Javascript React