当前位置: 首页 > 知识库问答 >
问题:

访问React JSX中引号内的道具

明越
2023-03-14

在JSX中,如何从引用的属性值中引用来自props的值?

例如:

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

生成的HTML输出为:

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

共有3个答案

孟成化
2023-03-14

如果将JSX与Harmony一起使用,则可以执行以下操作:

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

这里您将src的值作为一个表达式写入。

许兴文
2023-03-14

如果要使用es6模板文字,还需要在刻度标记周围加上大括号:

<img className="image" src={`images/${this.props.image}`} />
夹谷辰沛
2023-03-14

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

html prettyprint-override"><img className="image" src={"images/" + this.props.image} />
 类似资料:
  • 问题内容: 在JSX中,如何从带引号的属性值内部引用值? 例如: 产生的HTML输出为: 问题答案: React(或JSX)不支持在属性值内进行变量插值,但您可以将任何JS表达式放在花括号内作为整个属性值,因此可以这样做:

  • 问题内容: 可以说我有一个MultiIndex系列: 我想应用一个使用行索引的函数: 我该怎么做?进行此类操作的推荐方法是什么?我希望获得一个新的Series,并将此函数所产生的值应用于每行并具有相同的MultiIndex。 问题答案: 我认为无法访问该索引;它将每行视为一个numpy对象,而不是一个Series,如您所见: 要解决此限制,请将索引提升为列,应用函数,然后使用原始索引重新创建Ser

  • 问题内容: 当我想在Python中执行命令并且需要使用引号时,我不知道如何在不关闭字符串的情况下执行该命令。 例如: 但是,当我尝试执行上面的操作时,我最终关闭了字符串,并且无法将需要的单词放在引号之间。 我怎样才能做到这一点? 问题答案: 您可以通过以下三种方式之一进行操作: 一起使用单引号和双引号: 转义字符串中的双引号: 使用三引号引起来的字符串:

  • 我是React Router的新手,我正试图通过一条路径将一些道具从我的父组件传递给子组件。 这是我的代码: 理想情况下,我希望能够从子组件触发。在做了一些研究后,我认为传递一个选项而不是会传递它,但是它不会。知道如何将函数传递到路由组件中吗?

  • 问题内容: 当我想在Python中执行命令并且需要使用引号时,我不知道如何在不关闭字符串的情况下执行该命令。 例如: 但是,当我尝试执行上面的操作时,我最终关闭了字符串,并且无法将需要的单词放在引号之间。 我怎样才能做到这一点? 问题答案: 你可以通过以下三种方式之一进行操作: 1)一起使用单引号和双引号: 2)转义字符串中的双引号: 3)使用三引号引起来的字符串:

  • 问题内容: 我需要从给定列表中选择一些元素,知道它们的索引。假设我要创建一个新列表,该列表包含给定列表[-2、1、5、3、8、5、6]中索引为1、2、5的元素。我所做的是: 有什么更好的方法吗?像c = a [b]? 问题答案: 您可以使用: 或者您可以使用numpy: 但实际上,您当前的解决方案很好。这可能是所有人中最整洁的。