how to import images in react code example

Example 1: showing an image in react js

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

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

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

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

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

Example 4: 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'