import image in react js

1import image from './path-to-image';
2
3<img src={image} height={100} width={100} />

1//if you have images in src folder
2import shoe1 from './img/shoe_01.jpg'
3const Shoe = (e) => {
4	return ( 
5        <div className="shoe-container">
6            <img src={shoe1} alt=""/>
7        </div>
8    );
9}
10//if you have images in public folder:
11//will look in folder /public/img/shoe_01.jpg
12const Shoe = (e) => {
13	return ( 
14        <div className="shoe-container">
15            <img src="/img/shoe_01.jpg" alt=""/>
16        </div>
17    );
18}
19

1//import imgs in a different js file
2import lostImage from './assets/img/illustrations/lost.svg';
3export { lostImage }; 
4
5//import in the component to use it
6import {lostImage} from './images.js'
7
8

1 <script src="../node_modules/jquery/dist/jquery.min.js"></script>
2    <script src="../node_modules/bootstrap/dist/js/bootstrap.js"></script>