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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
