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

31 votes253 views1 answer
Npm install react-router-dom --save
Javascript React
13 votes225 views10 answers
React navigation
Javascript React
0 vote270 views1 answer
Props with ternary in react
Javascript React
3 votes248 views2 answers
React router active link css
Javascript React
0 vote247 views1 answer
React form hook trigger is not a function
Javascript React
0 vote236 views1 answer
React-with-firebase-auth
Javascript React
0 vote273 views1 answer
How to reload webview in react native
Javascript React
0 vote244 views1 answer
How to filter items in react state
Javascript React
0 vote248 views1 answer
Add image to ag-grid with react
Javascript React
3 votes255 views1 answer
React router Link does work
Javascript React