Comment importer des images en réaction

Comment introduire des images dans React : 1. Méthode 1 [import tsIcon from '../images/typescript.jpeg';]; 2. Méthode 2 [const tsIcon = require( './images/typescript .jpeg';] 】

Comment introduire des images dans React :

Méthode 1 :

import tsIcon from '../images/typescript.jpeg';

Méthode 2 :

const tsIcon = require( '../images/typescript.jpeg');

Méthode d'utilisation 1 :

<img src={tsIcon} alt= "" />

Méthode d'utilisation 2 :

<div style={{ background: `url(${tsIcon}) no-repeat`}}> </div>

Méthode d'utilisation 3 :

const styles = { test: { background: `url(${tsIcon}) no-repeat center` }}render() { return ( <div style={styles.test}></div> )}

Recommandations d'apprentissage gratuites associées : JavaScript(Vidéo)

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!