react image src 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: img src in react js

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

Example 4: 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'/> 
  );
}