是否可以在React中连接img src？

Question

This might be a silly question but I'm trying to concatenate the source of an image in React to be rendered on the screen, but it's not working.

<img src=`https://www.cryptocompare.com/{this.state.cryImage}` />

In this.state.cryImage, I only get the second half of the link (I'm pulling data from an API) so for example it would be something like:

media/19633/btc.png

Am I concatenating incorrectly or is this just not possible?

Answer 1

您错过了$ sign和属性括号

<img src={`https://www.cryptocompare.com/${this.state.cryImage}`} />

Answer 2

你忘了在src prop中添加{} ：

<img src={`https://www.cryptocompare.com/${this.state.cryImage}`} />