“znacznik IMG w React” Kod odpowiedzi

reaguj obraz

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

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

Jak napisać IMG JSX

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

React IMG

import React from 'react';
import logo from './logo.png'; // Tell webpack this JS file uses this image

console.log(logo); // /logo.84287d09.png

function Header() {
  // Import result is the URL of your image
  return <img src={logo} alt="Logo" />;
}

export default Header;
Bewildered Bug

IMG SRC w react JS

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

Jak używać zapisanego obrazu w React

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

znacznik IMG w 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}/>
Sab Tech

Odpowiedzi podobne do “znacznik IMG w React”

Pytania podobne do “znacznik IMG w React”

Więcej pokrewnych odpowiedzi na “znacznik IMG w React” w JavaScript

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu