how to use an image in react 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: showing an image in react js

import image from './path-to-image';

<img src={image} height={100} width={100} />

Example 3: img src in react js

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

Example 4: how to load image in react js

//How to import an image in react js	
import image from './image-path';

<img src={image} alt="Write something here" />

Example 5: import img react in another file

//import imgs in a different js file
import lostImage from './assets/img/illustrations/lost.svg';
export { lostImage }; 

//import in the component to use it
import {lostImage} from './images.js'

Example 6: how to use saved image on react

<img alt="timer" src={require('./images/timer.png')} />