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!