Reactに写真をインポートする方法

React に画像を導入する方法: 1. 方法 1 [import tsIcon from '../images/typescript.jpeg';]; 2. 方法 2 [const tsIcon = require( './images/typescript ';] ].

react に画像を導入する方法:

方法 1:

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

方法 2:

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

使用方法 1:

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

使用方法 2:

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

使用方法 3:

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

関連無料学習に関する推奨事項: JavaScript(ビデオ)

以上がReactに写真をインポートする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。