img in jsx code example

Example 1: react image

<img src={require('./logo.jpeg')} />

import logo from './logo.jpeg'; // with import    
const logo = require('./logo.jpeg); // with require
<img src={logo} />

Example 2: how to write img jsx

<img src={window.location.origin + '/img/myImage.png'} />

Example 3: import img react

import shoe1 from './img/shoe_01.jpg'
const Shoe = (e) => {
	return ( 
        <div className="shoe-container">
            <img src={shoe1} alt=""/>
        </div>
    );
}

Example 4: img src in react js

import Logo from “./logo.png”;
<img src={Logo}/>