javascript - 在React JSX中访问引号内的引号(Access props inside quotes in React JSX)

Question

In JSX, how do you reference a value from props from inside a quoted attribute value?(在JSX中，如何从带引号的属性值中引用props值？)

For example:(例如：) <img className="image" src="images/{this.props.image}" /> The resulting HTML output is:(生成的HTML输出是：) <img class="image" src="images/{this.props.image}">   ask by cantera translate from so

Answer 1

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

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