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

1 vote190 views1 answer
React next alias import
Javascript React
0 vote175 views1 answer
How to link to a different component in reactjs without react router
Javascript React
15 votes230 views3 answers
Create react app and tailwind
Javascript React
0 vote214 views1 answer
Appregistry react native
Javascript React
0 vote216 views1 answer
(0 , _reactRouterDom.useHistory) is not a function
Javascript React
0 vote181 views1 answer
React native force vertical
Javascript React
4 votes182 views1 answer
Navigating programatically react
Javascript React
0 vote192 views1 answer
Fetchutils in react admin
Javascript React
1 vote188 views1 answer
Image source not working react
Javascript React
2 votes253 views2 answers
Set delay react native
Javascript React