Reactで画像を引用する方法

React で画像を参照する方法: 1. 画像パスをインポートします。コードは [import Img from "./images/1.png"] です。 2. 画像を直接取得します。コードは [< ;img src= {require("./images/1.png")}alt=""/>]。

#このチュートリアルの動作環境: Windows7 システム、React17 バージョン、thinkpad t480 コンピューター。

react で画像を参照する方法:

画像パスをインポートする最初の方法

import Img from "./images/1.png"
<img src={Img} alt=""/>

2 番目の方法 画像を直接取得する

<img src={require("./images/1.png")} alt=""/>

背景画像の場合は、スタイルを操作します

style={{background:`url(${require("./images/1.png")})` }}

関連学習の推奨事項: js ビデオチュートリアル

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