在JSX中,如何props从带引号的属性值内部引用值?
props
例如:
<img className="image" src="images/{this.props.image}" />
产生的HTML输出为:
<img class="image" src="images/{this.props.image}">
React(或JSX)不支持在属性值内进行变量插值,但您可以将任何JS表达式放在花括号内作为整个属性值,因此可以这样做:
<img className="image" src={"images/" + this.props.image} />