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('图片url')} />Nach dem Login kopieren
2) Importmethode:
import imgURL from '图片url';
<img src={imgURL } />Nach dem Login kopieren
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!
