react where to put images 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: how to load image in react js
import image from './image-path';
<img src={image} alt="Write something here" />
Example 4: how to use saved image on react
<img alt="timer" src={require('./images/timer.png')} />
Example 5: React import image with url
import React from 'react';
import ReactDOM from 'react-dom';
const App: FunctionComponent = () => {
return (
<img src = {this.props.url} alt='something'/>
);
}