亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

傳遞字符串數組作為圖像源

傳遞字符串數組作為圖像源

慕蓋茨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>


查看完整回答
反對 回復 2023-07-20
?
九州編程

TA貢獻1785條經驗 獲得超4個贊

首先,您將<img />標簽放在了錯誤的位置。

嘗試使用反引號 `` 并像這樣連接字符串:

<img src={`https://ipfs.infura.io/ipfs/${sketch}`} />

在 src 鏈接和連接的字符串周圍加反引號。


查看完整回答
反對 回復 2023-07-20
  • 2 回答
  • 0 關注
  • 148 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號