访问React JSX中引号内的道具 – 开发百科-程序代码问答平台

在JSX中，如何从引用的属性值中引用props中的值

例如：

&lt；img className=“image”src=”https://stackoverflow.com/questions/21668025/images/{this.props.image}”/&gt；

生成的HTML输出为：

&lt；img class=“image”src=”https://stackoverflow.com/questions/21668025/images/{this.props.image}”&gt；

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

&lt；img className=“image”src={“images/”+this.props.image}/&gt；