JavaScript花括号不工作嵌入vs代码中jsx文件的字符串中

我正在开发一个简单的react应用程序，需要在img标记的url中插入一些JavaScript

props.monster.id应返回要在url中使用的int。但是它不起作用。 此外，js在vs代码中的显示也没有达到应有的效果。这就是我在下面的教程中看到的情况

---

输入的代码是相同的，因此我不确定我在这里做错了什么。这是在jsx文件中。

使用backticks``来表示不正确

只要用这个：

src={`https://robohash.org/${props.monster.id}?set=set2`}

---

你可以阅读更多关于它的内容

使用backticks``来避免这样做

只要用这个：

src={`https://robohash.org/${props.monster.id}?set=set2`}

您可以阅读有关它的更多信息

使用反勾号：使用反勾号：