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 vote145 views1 answer
Standalone form inside reactive form
Javascript React
0 vote150 views2 answers
React native store sensitive data in redux
Javascript React
15 votes142 views2 answers
React native get location
Javascript React
0 vote160 views2 answers
React js http post 500 internal server error
Javascript React
4 votes161 views1 answer
How to use font awewsome in react app
Javascript React
3 votes151 views2 answers
Use font awsome in react
Javascript React
0 vote131 views1 answer
This will give Iodoform reaction on the treatment with Na2CO3 and I2:
Javascript React
0 vote210 views1 answer
About react frame
Javascript React
0 vote158 views1 answer
Which algorithm React is used to compare dom?
Javascript React
9 votes150 views3 answers
Shadowoffset react native constructor
Javascript React