我無法在我的注冊頁面中插入圖片。我嘗試使用 index.js（React 組件中的 HTML 代碼）以及相應的 CSS 檔案將其插入。兩者都不起作用。分享下面的代碼和截圖（我已經洗掉了不相關的匯入代碼）：
反應組件代碼：
import styles from "./register.css";
return(
<div>
<div id="styledImg">
<img alt="" title="" src="../../src/assets/bocLogo.png"/>
</div>
</div>
);
}
export default Register;
CSS 代碼：
#styledImg {
width: 1110px;
height: 428px;
height: 428px;
position: absolute;
top: 245px;
left: 87px;
}
#styledImg Img {
max-width: 100%;
max-height: 100%;
}
uj5u.com熱心網友回復：
您必須匯入影像，然后將匯入的檔案用作src. 它會是這樣的。
import logo from '.../../src/assets/bocLogo.png';
然后你將在src
<img src={logo} alt="Logo" />;
欲了解更多資訊，請查看此鏈接
uj5u.com熱心網友回復：
您必須將該影像作為 ReactComponent 上傳。
import { ReactComponent as Logo } from "../../assets/your-image.png";
所以應該看起來像：
import styles from "./register.css";
import { ReactComponent as Image } from "../../assets/your-image.png"
return(
<div>
<div id="styledImg">
<img alt="" title="" src={Image}/>
</div>
</div>
);
}
export default Register;
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/445447.html
標籤：javascript css 反应 图片 背景图像