Heim >Web-Frontend >js-Tutorial >Welche Tags werden für Bilder in React verwendet

Welche Tags werden für Bilder in React verwendet

青灯夜游
青灯夜游Original
2020-12-18 11:26:412537Durchsuche

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

Welche Tags werden für Bilder in React verwendet

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 a1f02c36ba31691bcfe87b2722de723b-Tag, das das Bild im Web definiert.

Aber es6 unterstützt nicht a1f02c36ba31691bcfe87b2722de723b标签内直接写图片的路径,即不能这样使用bea7234405d2d7d3ed3fbd8cc8b07cfe

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 &#39;图片url&#39;;
<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!

Stellungnahme:
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