ホームページ > ウェブフロントエンド > jsチュートリアル > Reactに写真をインポートする方法

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

coldplay.xixi
リリース: 2020-11-17 15:49:49
オリジナル
2188 人が閲覧しました

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

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

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート