Heim  >  Artikel  >  Web-Frontend  >  So führen Sie Bilder in React ein

So führen Sie Bilder in React ein

王林
王林Original
2020-11-27 10:24:013516Durchsuche

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!

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