慕蓋茨4494581
2023-07-20 17:06:52
我正在嘗試傳遞要連接到 URL 地址的字符串值數組,以創建內聯圖像塊。我有以下內容: <div className="row text-center"> { this.state.sketchs.map((sketch, key) => { return( <div key={key} className="col-md-3 mb-3"> <div className="token" img src={{ 'https://ipfs.infura.io/ipfs/' : sketch }}></div> <div>{sketch}</div> </div> ) })} </div>css文件有以下內容:.token { height: 150px; width: 150px; border-radius: 50%; display: inline-block;}我成功地將數組“草圖”推入“令牌”,如下圖以藍色突出顯示。但我希望將突出顯示的藍色“哈?!庇米?img 源,并在每個開頭添加“https://ipfs.infura.io/ipfs/”。我將如何實現這一目標?為什么我的代碼在上面不起作用?任何幫助,將不勝感激!
2 回答

慕桂英546537
TA貢獻1848條經驗 獲得超10個贊
確保您的標記img正確:
<div className="row text-center">
{ this.state.sketchs.map((sketch, key) => {
return(
<div key={key} className="col-md-3 mb-3">
<div className="token">
<img src={'https://ipfs.infura.io/ipfs/' + sketch }>
</div>
<div>{sketch}</div>
</div>
)
})}
</div>

九州編程
TA貢獻1785條經驗 獲得超4個贊
首先,您將<img />
標簽放在了錯誤的位置。
嘗試使用反引號 `` 并像這樣連接字符串:
<img src={`https://ipfs.infura.io/ipfs/${sketch}`} />
在 src 鏈接和連接的字符串周圍加反引號。
添加回答
舉報
0/150
提交
取消