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

小编典典

reactjs

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

例如：

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

产生的HTML输出为：

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

阅读 298

2020-07-22

共1个答案

小编典典

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

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

2020-07-22