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 vote130 views1 answer
Search nested array in react javascript
Javascript React
1 vote133 views2 answers
Open failed: EACCES (Permission denied) react native
Javascript React
0 vote119 views1 answer
Donwload data from react js in json file
Javascript React
0 vote127 views1 answer
React native custom debounce input
Javascript React
6 votes85 views1 answer
React dictionary key value avec 2 variable
Javascript React
0 vote144 views1 answer
React get current date minus 7 days
Javascript React
10 votes122 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React
0 vote145 views1 answer
How to solve "Unexpected use of comma operator no-sequences" error in react
Javascript React
1 vote130 views1 answer
React native basic template
Javascript React
0 vote124 views1 answer
Activez la compression de texte react js
Javascript React