Javascript 如何在React中解析图像url？

我是新来的，所以如果我问了一个琐碎的问题，但在任何地方都找不到答案，我深表歉意。我需要解析我的链接以显示图像。图像的格式为p8983.png

因此，我构建了这个正确的链接，不确定如何使用-->呈现/解析它，请参见第8行

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

这不起作用-参见第19行

第二个问题是，我不知道如何对从JSON中提取的值进行数学计算——参见第17行、第18行（全部显示为字符串），例如

每分钟通过次数：{playerData.stats[4].value}+{playerData.stats[8].value}/{playerData.stats[7].value}

数学计算后的渲染、图像和值

您的代码和您想要的代码之间存在细微的差别：
将图像的源代码设置为字符串
“{targetImage}”
，这显然是无效的。React道具的正确格式是
，它应该产生所需的输出

确保你阅读了Facebook上的文章，了解其中的差异，这样你就可以避免类似这样的错误，更好地理解JSX并做出反应；这会帮助你理解你做错了什么
 它不应该是
？否则，您将创建一个字符串，字面上是
“{targetImage}”
（无变量插值）。谢谢@Dave Moten，它起作用了，您是对的，它是如此明显。@Dave Moten，请将此作为一个答案发布，我可以将您标记为正确，这样您就可以得到您应得的点了。啊，您应该感谢@Aurora0001。我刚修改了一点拼写@maciejk77作为答案发布（假设你真的希望我这么做！）。很高兴它帮助了你！