1. 首页
  2. 问题
  3. 在 React JSX 中访问引号内的 props
小能豆

在 React JSX 中访问引号内的 props

javascript

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

例如：

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

最终的 HTML 输出为：

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

阅读 33

收藏
2024-06-10

共1个答案

小能豆

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

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