简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

So zitieren Sie Bilder in React

coldplay.xixi
Freigeben： 2023-01-04 09:36:58
Original
3546 Leute haben es durchsucht

So referenzieren Sie Bilder in React: 1. Importieren Sie den Bildpfad, der Code ist [import Img from „./images/1.png“] 2. Holen Sie sich das Bild direkt, der Code ist [】.

So zitieren Sie Bilder in React

Die Betriebsumgebung dieses Tutorials: Windows7-System, React17-Version, Thinkpad T480-Computer.

So referenzieren Sie Bilder in React:

Die erste Möglichkeit besteht darin, den Bildpfad zu importieren.

import Img from "./images/1.png"
<img src={Img} alt=""/>
Nach dem Login kopieren

Die zweite Möglichkeit besteht darin, das Bild direkt abzurufen der Stil

<img src={require("./images/1.png")} alt=""/>
Nach dem Login kopieren

Verwandtes Lernen Empfohlen: js-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo zitieren Sie Bilder in React. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：
react
Quelle：php.cn
Vorheriger Artikel：Was bedeutet JQuery-Bibliothek? Nächster Artikel：So bedienen Sie JSON mit JQuery
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Wie löst man das Rendern (mit Filter und Paginierung) für die Sortiermethode in React aus? Hier ist meine Sort.js-Stilkomponente: <SortWrapper><SortText>SortBy</SortT...
Aus 2024-04-06 21:28:37
0
1
2257
Die Statusaktualisierung funktioniert in React-Native auf Android nicht Ich habe einen Code, der Bildpaare in einer wischbaren horizontalen Galerie enthält. Wenn ...
Aus 2024-04-06 16:54:10
0
1
410
Warum unterbricht das Weglassen von 0 ms Schlaf meine CSS-Übergänge? Ich versuche, eine FLIP-Animation zu implementieren, um zu sehen, ob ich sie richtig verst...
Aus 2024-04-06 16:29:50
0
2
490
Ungültiges untergeordnetes React-Element (gefunden: Objekt mit Schlüssel {clientVersion}). Wenn Sie eine Sammlung untergeordneter Elemente rendern möchten, verwenden Sie stattdessen ein Array Ich habe ein mehrstufiges Formular und wenn ich versuche, es abzusenden, wird dieser Fehle...
Aus 2024-04-06 16:25:39
0
1
346
React Three Fiber: Warum verzögern sich meine Scroll-Ereignisse? In ReactThreeFiber habe ich eine React-Komponente, die ein Sprite generiert, das ich über ...
Aus 2024-04-06 13:39:24
0
1
410
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！