0
我已經建立了使用react-bootstrap與背景圖像替換圖像標籤在反應的自舉
我有部件內部的圖像標籤我的應用程序。它看起來像這樣：
render() {
return (
<div id="homePage">
<div class="hero">
<Image src="/images/welcome-page-pic.jpg" responsive />
</div>
</div>
);
是的，這個框架中圖像的標籤是「圖像」而不是「img」。
這將顯示圖像，但它不是非常敏感，所以我做了一些開發工具打轉轉，發現使用下面的造型工作，如果我使用的圖像在CSS背景圖像的造型：
.hero {
background-image: url(/images/welcome-page-pic.jpg);
height: 400px;
background-size: cover;
background-position: center right;
}
這當然需要刪除標記和src，但這樣做只是刪除圖像。如果我嘗試將樣式添加到HTML（或者更確切地說是JSX）而不是CSS，那麼該頁面根本就不加載。我也試過離開圖像和src，只是添加css減去背景圖像樣式 - 也是不行。不知道這是一個框架問題還是一些愚蠢的行爲。謝謝。
更新：玩了一會兒後，我發現無論出於何種原因，我的本地主機並不接受嵌套div中的類「英雄」。如果我手動將它添加到devtools中，圖像就會出現並響應我的需求。現在的問題是爲什麼在jsx的頁面加載時，類沒有分配給div。