Javascript 如何在<;中使用属性;img src=”等&引用>;?

Javascript 如何在<;中使用属性;img src=”等&引用>;?,javascript,reactjs,Javascript,Reactjs,我在我的react课堂上有一个形象,我想实现这一点: <img src="images/status{this.props.status}.jpg"/> 如何做到这一点?找到了解决方案: <img src={'images/status' + this.props.state + '.jpg'}/> 这是一个很难回答的问题:)到目前为止您尝试了什么?您还可以在渲染之前创建一个变量,如:var img='images/status'+this.props.sta

我在我的react课堂上有一个形象,我想实现这一点:

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

如何做到这一点?

找到了解决方案:

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


这是一个很难回答的问题:)

到目前为止您尝试了什么?您还可以在渲染之前创建一个变量,如:
var img='images/status'+this.props.state+'.jpg'然后将var img导入src