Dans React, les images utilisent la balise "<img>", mais le chemin d'accès à l'image ne peut pas être écrit directement dans l'attribut srcs de la balise. Vous pouvez utiliser "" pour introduire les images.
L'environnement d'exploitation de ce tutoriel : système Windows7, version React16, cette méthode convient à toutes les marques d'ordinateurs.
Tutoriels associés recommandés : Tutoriel vidéo React
Les balises utilisées pour les images dans React sont les mêmes que celles en HTML, à savoir la balise <img> définit l'image dans le Web.
Mais es6 ne prend pas en charge l'écriture du chemin de l'image directement dans la balise <img>
, c'est-à-dire que vous ne pouvez pas l'utiliser comme ça <img src="img.png"/>
Alors, comment faites-vous introduire des images en réaction ? Solution :
Introduction des images dans React, méthodes pouvant être utilisées :
1) Utilisation recommandée : méthode require A noter qu'avec cette méthode, seules les chaînes peuvent être écrites. dans require., ne peut pas écrire de variables.
<img src={require('图片url')} />
2) Méthode d'importation :
import imgURL from '图片url'; <img src={imgURL } />
Pour plus de connaissances liées à la programmation, veuillez visiter : Enseignement de la programmation ! !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!