Comment citer des images en réaction

Comment référencer des images dans React : 1. Importez le chemin de l'image, le code est [import Img from "./images/1.png"] 2. Obtenez l'image directement, le code est [< ;img src= {require("./images/1.png")}alt=""/>】.

L'environnement d'exploitation de ce tutoriel : système Windows7, version React17, ordinateur thinkpad t480.

Comment référencer des images dans React :

La première façon d'importer le chemin de l'image

import Img from "./images/1.png"
<img src={Img} alt=""/>

Le deuxième façon Obtenez l'image directement

<img src={require("./images/1.png")} alt=""/>

S'il s'agit d'une image d'arrière-plan, utilisez le style

style={{background:`url(${require("./images/1.png")})` }}

Recommandations d'apprentissage associées : vidéo js tuto

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!