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

4 votes248 views1 answer
How to send axios delete to the backend reactjs
Javascript React
0 vote235 views1 answer
Get image from gallery react native
Javascript React
2 votes228 views1 answer
How to align text inside react component
Javascript React
0 vote235 views1 answer
Hide and show on button click in react js functional component
Javascript React
4 votes253 views1 answer
Text input placeholder color react native
Javascript React
0 vote246 views1 answer
Onclick start and stop the count react
Javascript React
0 vote232 views1 answer
Load all icon from a folder in react
Javascript React
8 votes210 views4 answers
Props react
Javascript React
64 votes220 views6 answers
Router react
Javascript React
1 vote257 views2 answers
React how to sleep 1 second
Javascript React