Im folgenden Code sieht man wie ich das bild darstellen m?chte, das Bild wird aber nicht angzeigt, nur der text wird angezeigt。
<div> <b> Test123 </b> <image src={require('../../assets/images/homepage/homepage-splash-1.jpeg')} alt='loading...'></image> </div>
uj5u.com熱心網友回復：
據我所知，使用本地影像地址的一種方法是匯入它。像這樣的東西：
import homePageSplash from "../../assets/images/homepage/homepage-splash-1.jpeg"
return (<img src={homePageSplash} alt="" />)
uj5u.com熱心網友回復：
你不需要在require這里使用。只指定圖片的路徑
<image src='../../assets/images/homepage/homepage-splash-1.jpeg' alt='loading...'></image>
uj5u.com熱心網友回復：
您需要先在反應視圖檔案類之外匯入影像。就像在上面這樣：
import imageName from 'images/yourImageName.png';
現在在 react 檔案的類中，你可以像這樣呼叫這個影像：
<img src={imageName} alt="Image Title"/>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/481635.html
標籤：javascript html 反应 图片 能见度
下一篇：將影像放在pygame網格上