JavaScript 花括號在 vs 代碼中嵌入 jsx 文件的字符串中不起作用

Question

我正在開發一個簡單的react應用程序，我需要將一些JavaScript插入到img標簽中的url

props.monster.id 應該返回一個 int 用於 url。 但是它不起作用。 此外，js 也沒有像在 vs 代碼中那樣顯示。 這就是我正在關注的教程中的外觀。

代碼輸入相同，所以我不確定我在這里做錯了什么。這是在一個jsx文件中。

Answer 1

使用反引號（``）來做那不是''

只需使用這個：

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

你可以在這里閱讀更多關於它的信息