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

2 votes134 views1 answer
How to align text inside react component
Javascript React
2 votes138 views3 answers
React native swiper
Javascript React
1 vote162 views2 answers
[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
0 vote165 views1 answer
React 1 to 10 with step 2 (odd numbers)
Javascript React
18 votes139 views3 answers
How To Hide React Navigation Header in React Native
Javascript React
0 vote110 views4 answers
React node sequilize
Javascript React
11 votes140 views3 answers
Reactjs get url query params as object
Javascript React
0 vote218 views1 answer
About react frame
Javascript React
0 vote190 views1 answer
How to align placeholder in react native
Javascript React
0 vote154 views1 answer
React load after scrolling
Javascript React