where to place images in react project code example

Example 1: react js image path src from local folder

// Assuming logo.png is in the same folder as JS file
import logo from './logo.png';

// ...later
<img src={logo} alt="logo" />

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