小编典典

在React JSX中访问引号内的道具

reactjs

在JSX中,如何props从带引号的属性值内部引用值?

例如:

<img className="image" src="images/{this.props.image}" />

产生的HTML输出为:

<img class="image" src="images/{this.props.image}">

阅读 299

收藏
2020-07-22

共1个答案

小编典典

React(或JSX)不支持在属性值内进行变量插值,但您可以将任何JS表达式放在花括号内作为整个属性值,因此可以这样做:

<img className="image" src={"images/" + this.props.image} />
2020-07-22