我想在后臺顯示圖片，它作業正常，但我的 api 并不總是顯示圖片。所以我想創建一個顯示另一張圖片的條件。我不知道在哪里顯示我的條件，樣式或網址？我做了幾次測驗，但我做不到。
const bannerStyle = {
backgroundImage: `url("https://image.tmdb.org/t/p/original/${movie.backdrop_path}")`,
backgroundPosition: "center",
backgroundSize: "cover"
}
<div style={bannerStyle}>
...
</div>
uj5u.com熱心網友回復：
在你div寫一個三元style：
<div
style={ bannerStyle.backgroundImage === 'something' ? `urlA` : `urlB` }
/>
或者將背景影像設定為默認值。
uj5u.com熱心網友回復：
我正在考慮您正在使用 React 或 NextJS 型別的框架。
您可以為整個鏈接添加條件。
const bannerStyle = {
backgroundImage: `url(${movie?.backdrop_path ? `https://image.tmdb.org/t/p/original/${movie?.backdrop_path}` : "Another Image Link"})`,
backgroundPosition: "center",
backgroundSize: "cover"
}
- 如果有一些值
movie?.backdrop_path，則回傳路徑，否則回傳未定義。
然后您可以在樣式中添加bannerStyle 物件。
<div style={bannerStyle}>
...
</div>
uj5u.com熱心網友回復：
也許你可以使用 img 標簽來做到這一點。您可以只使用<img src={} />具有簡單三元條件的標簽。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/455419.html
標籤：反应