gpt4 book ai didi

javascript - 在 React JSX 中访问引号内的 Prop

转载 作者:IT老高 更新时间:2023-10-28 13:12:00 26 4
gpt4 key购买 nike

在 JSX 中,如何从带引号的属性值中引用 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} />

关于javascript - 在 React JSX 中访问引号内的 Prop ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21668025/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com