Heim > Artikel > Web-Frontend > So importieren Sie Bilder in React
So fügen Sie Bilder in React ein: 1. Methode 1 [import tsIcon from '../images/typescript.jpeg';] 2. Methode 2 [const tsIcon = require( './images/typescript'].
So stellen Sie Bilder in React ein:
Methode eins:
import tsIcon from '../images/typescript.jpeg';
Methode zwei:
const tsIcon = require( '../images/typescript.jpeg');
Verwendungsmethode eins:
<img src={tsIcon} alt= "" />
Verwendungsmethode zwei:
<div style={{ background: `url(${tsIcon}) no-repeat`}}> </div>
Verwendungsmethode drei:
const styles = { test: { background: `url(${tsIcon}) no-repeat center` }}render() { return ( <div style={styles.test}></div> )}
Verwandte kostenlose Lernempfehlungen: JavaScript(Video)
Das obige ist der detaillierte Inhalt vonSo importieren Sie Bilder in React. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!