How do I use property in ?

Question

I have an image in my react class and want to achieve this:

<img src="images/status{this.props.status}.jpg"/>

How to do that?

http://stackoverflow.com/questions/11722400/programmatically-change-the-src-of-an-img-tag — Zam, Dec 04 '14 at 10:51

score 4 · Accepted Answer · answered Dec 04 '14 at 11:45

4

Found the solution:

<img src={'images/status' + this.props.state + '.jpg'}/>

That was hell of a noob question :)

answered Dec 04 '14 at 11:45

Kokesh

You could also make a variable before the rendering, like this: ```var img = 'images/status' + this.props.state + '.jpg';``` Then incject the var img into the src – magnudae Dec 05 '14 at 10:33

1 Answers1