Welche Tags werden für Bilder in React verwendet

In React verwenden Bilder das Tag „<img>“, aber der Pfad zum Bild kann nicht direkt in das srcs-Attribut des Tags geschrieben werden. Sie können „ ” um Bilder vorzustellen.

Die Betriebsumgebung dieses Tutorials: Windows7-System, React16-Version. Diese Methode ist für alle Computermarken geeignet.

Empfohlene verwandte Tutorials: React-Video-Tutorial

Die für Bilder in React verwendeten Tags sind die gleichen wie HTML, also das <img>-Tag, das das Bild im Web definiert.

Aber es6 unterstützt nicht <img>标签内直接写图片的路径，即不能这样使用<img src="img.png"/>

Wie kann man also Bilder in React einführen? Lösung:

Bilder in React einführen, Methoden, die verwendet werden können:

1) Empfohlene Verwendung: Require-Methode Bei dieser Methode ist zu beachten, dass in Require nur Strings geschrieben werden können, keine Variablen.

<img src={require(&#39;图片url&#39;)} />

2) Importmethode:

import imgURL from '图片url';
<img src={imgURL } />

Weitere Programmierkenntnisse finden Sie unter: Programmierunterricht! !

Das obige ist der detaillierte Inhalt vonWelche Tags werden für Bilder in React verwendet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!