Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > Hauptteil

So führen Sie Bilder in React ein

王林
Freigeben： 2020-12-22 16:40:36
Original
3527 Leute haben es durchsucht

So führen Sie Bilder in React ein: Sie können sie über !important einführen, z. B. [avatarSmall aus '../.../assets/images/person/xxxjpg' importieren], und dann Variablen direkt in img einführen.

So führen Sie Bilder in React ein

Die Betriebsumgebung dieses Tutorials ist: Windows10, React16. Diese Methode ist für alle Computermarken geeignet.

(Lernvideo-Sharing: React-Video-Tutorial)

So fügen Sie Bilder in React ein:

Methode 1: Importieren über !important (empfohlen)

So führen Sie Bilder in React ein

Dann führen Sie einfach die Variable direkt in img ein, diese Variable Sie können einen beliebigen Namen wählen.

Methode 2: Einführung der Require-Methode

require kann nur Zeichenfolgen schreiben, keine Variablen

So führen Sie Bilder in React ein

Weitere Programmierkenntnisse finden Sie unter: Programmierlehre! !

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

Verwandte Etiketten：
react 图片
Quelle：php.cn
Vorheriger Artikel：Welche Inhaltsfilter verfügt JQuery? Nächster Artikel：Methoden zur Lösung des verstümmelten chinesischen Jquery-Problems
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