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

1 vote151 views1 answer
React connect production
Javascript React
-2 votes186 views3 answers
Switch is not exported from 'react-router-dom'
Javascript React
2 votes165 views2 answers
Pdf table files download react not working
Javascript React
0 vote177 views1 answer
Fetch data from asyncstorage react native
Javascript React
1 vote168 views1 answer
Typeerror object(...) is not a function react useParams
Javascript React
0 vote189 views2 answers
React Class components LifeCycles
Javascript React
0 vote115 views1 answer
Integrate my own google pay using react js
Javascript React
1 vote206 views1 answer
How to set limit in map in react hook
Javascript React
19 votes170 views2 answers
Devtools failed to load sourcemap when debugging react native
Javascript React
126 votes494 views4 answers
Npm create react app
Javascript React