Img tag in react

React image

<img src={require('./logo.jpeg')} />

import logo from './logo.jpeg'; // with import    
const logo = require('./logo.jpeg); // with require
<img src={logo} />

Source: stackoverflow.com

Img src in react js

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

Source: edwardbeazer.com

How to write img jsx

<img src={window.location.origin + '/img/myImage.png'} />

Source: stackoverflow.com

How to use saved image on react

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

Img tag in react

//two way to use image in react
Option 1: Put the image in the public directory
public/images/thing.jpg, you could display that image this way:
   <img src="images/logo.jpg" />

Option 2: import the image into the component
import Logo from “./logo.jpg”;
<img src={Logo}/>

Similar codes

0 vote193 views1 answer
Horizontal cards react bootstrap
Javascript React
0 vote182 views1 answer
React 10 to 1 with step -2 (odd numbers between [1..10] inverted order)
Javascript React
0 vote170 views2 answers
React hook will mount
Javascript React
21 votes186 views6 answers
React native vector icon
Javascript React
9 votes164 views5 answers
How to add array data on state react
Javascript React
0 vote183 views2 answers
Read data in props.histroy.push in react component
Javascript React
-1 vote174 views1 answer
Flatlist react native horizontal
Javascript React
14 votes172 views2 answers
Photo in React native
Javascript React
-1 vote167 views1 answer
Import ReactDOM from "react-dom";
Javascript React
0 vote179 views2 answers
Change iphone return in keyboard to search in react native
Javascript React