如何在React中解析圖片網址？

我在這裏是新的，所以如果我要求微不足道的問題，但無法在任何地方找到答案，我很抱歉。我需要解析我的鏈接來顯示圖像。圖像格式爲例如p8983.png如何在React中解析圖片網址？

所以我建立這個鏈接是正確的，不知道如何使/用--->查看線路解析它8

const targetImage = `public/assets/p${playerData.player.id}.png`;

這不工作 - 看19行 <div><img src="{targetImage}"></img></div>

我的第二個問題是我不知道如何對從JSON中拉出的值進行數學計算 - 請參見第17,18行（全部顯示爲字符串），例如

<div>Passes per minute: {playerData.stats[4].value} + {playerData.stats[8].value}/{playerData.stats[7].value}</div>

渲染和形象和價值的數學計算

2016-11-27 maciejk77

不應該是''？否則，你正在創建一個字符串，字面上是「{targetImage}」（無變量插值）。 – Aurora0001

謝謝@Dave Moten，它的工作，你是對的，它是如此明顯。 – maciejk77

@Dave Moten，請將此帖作爲答案，我可以將您標記爲正確的，這樣您就可以直接獲得積分 – maciejk77

有你的代碼，你想要什麼之間的細微差別後：<img src="{targetImage}">設置圖像的源從字面上是字符串"{targetImage}"，這顯然是無效的。 React道具的正確格式是<img src={targetImage}>，它應該產生所需的輸出。

請確保您閱讀Facebook的JSX in Depth以瞭解差異，以便避免類似錯誤並更好地理解JSX和React;它應該可以幫助你理解你做錯了什麼！

2016-11-27 20:41:21 Aurora0001

回答