import image in react component code example
Example 1: react image
<img src={require('./logo.jpeg')} />
import logo from './logo.jpeg';
const logo = require('./logo.jpeg);
<img src={logo} />
Example 2: import img react
import shoe1 from './img/shoe_01.jpg'
const Shoe = (e) => {
return (
<div className="shoe-container">
<img src={shoe1} alt=""/>
</div>
);
}
Example 3: import img react in another file
import lostImage from './assets/img/illustrations/lost.svg';
export { lostImage };
import {lostImage} from './images.js'